/

HTML / CSS / JavaScript Tutorial

JavaScript Location property: top

[this page | pdf | back links]

The top property (of the JavaScript BOM location object) returns the topmost browser window.

 

EXAMPLE:


HTML USED IN THIS EXAMPLE:
<!DOCTYPE html>
<html> <!-- Copyright (c) Nematrian Limited 2018 -->
<head>
<style>
table,td,tr,th,caption {border: thin solid black; border-collapse: collapse;}
</style>
</head>
<body>
<table>
  <tr><th>Location property</th><th>Value</th></tr>
  <tr><td>overall location</td><td id="x1"></td></tr>
  <tr><td>hash</td><td id="x2"></td></tr>
  <tr><td>host</td><td id="x3"></td></tr>
  <tr><td>hostname</td><td id="x4"></td></tr>
  <tr><td>href</td><td id="x5"></td></tr>
  <tr><td>origin</td><td id="x6"></td></tr>
  <tr><td>pathname</td><td id="x7"></td></tr>
  <tr><td>port</td><td id="x8"></td></tr>
  <tr><td>protocol</td><td id="x9"></td></tr>
  <tr><td>search</td><td id="x10"></td></tr>
  <tr><td>status</td><td id="x11"></td></tr>
  <tr><td>top</td><td id="x12"></td></tr>
</table>

<script id="element">
document.getElementById("x1").innerHTML = location;
document.getElementById("x2").innerHTML = location.hash;
document.getElementById("x3").innerHTML = location.host;
document.getElementById("x4").innerHTML = location.hostname;
document.getElementById("x5").innerHTML = location.href;
document.getElementById("x6").innerHTML = location.origin;
document.getElementById("x7").innerHTML = location.pathname;
document.getElementById("x8").innerHTML = location.port;
document.getElementById("x9").innerHTML = location.protocol;
document.getElementById("x10").innerHTML = location.search;
document.getElementById("x11").innerHTML = location.status;
document.getElementById("x12").innerHTML = location.top;
</script>

</body>
</html>


NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)


Desktop view | Switch to Mobile