Rendered Webpage
HTML Document
<html> <head> <script> console.log(window); console.log(document); console.log(navigator); console.log(location); console.log(history); </script> </head> <body> <h1>Object Log</h1> <h3> This webpage simply logs the window, document, navigator, location, and history objects so you can view their contents. The button below uses the location object to redirect this page to Google.com and the image below shows what your console should display after loading the webpage. Note the difference between the two buttons in the Rendered Webpage. Because I embedded the page into an iFrame element within the outer window we must use window.top.location.href instead of location.href to redirect our window to Google.com </h3> <button onClick="window.top.location.href = 'http://www.google.com';">Go To Google.com From iFrame</button> <button onClick="location.href = 'http://www.google.com';">Go To Google.com From HTML Page</button> <br> <br> <h3>Screenshot of Google Chrome with the console open</h3> <img src="sampleConsoleOpen.jpg" style="width:100%;"/> </body> </html>