window.location.hash

最新推荐文章于 2024-06-04 22:28:38 发布

love-study-lele

最新推荐文章于 2024-06-04 22:28:38 发布

阅读量489

点赞数

分类专栏： js 文章标签： window.location.hash

本文链接：https://blog.csdn.net/qq_40639990/article/details/78289150

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <h1>子页面</h1>
    <div></div>

    <script type="text/javascript">
    window.onload = function () {
      var parentWindow = window.parent;

      //监听自身hash的改变
      window.onhashchange = function(event){
        document.querySelector('div').innerHTML = window.location.hash;    
      }
    };

    </script>

  </body>
</html>

02.html
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <h1>子页面</h1>
    <div></div>

    <script type="text/javascript">
    window.onload = function () {
      var parentWindow = window.parent;

      //监听自身hash的改变
      window.onhashchange = function(event){
        document.querySelector('div').innerHTML = window.location.hash;    
      }
    };

    </script>

  </body>
</html>