window.name

最新推荐文章于 2023-03-02 08:52:37 发布

love-study-lele

最新推荐文章于 2023-03-02 08:52:37 发布

阅读量394

点赞数

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

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

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>第二个页面</title>
  </head>
  <body>

    <h1>第二个页面</h1>
    <div></div>

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

      //window.parent, 拿到01.html的window对象
      var parentWindow = window.parent;
      document.querySelector('div').innerHTML = parentWindow.name;


    }
    </script>

  </body>
</html>


<html> <head> <meta charset="utf-8"> <title>第一个文件</title> </head> <body> <h1>第一个文件</h1> <script type="text/javascript"> var data = { value: "第一个文件" }; window.name = JSON.stringify(data); </script> <!-- 测试同源：按照相对路径引入02.html 测试不同源： 将02.html放到一个其他的主机下 --> <!--
 <iframe id="frame" src="./02.html" width="600" height="300" frameborder="1"></iframe> --> <iframe id="frame" src="http://127.0.0.1:8085/window.name/03.html" width="600" height="300" frameborder="1"></iframe> <script type="text/javascript"> window.onload =
 function(){ var frame = document.querySelector('#frame'); //02.html页面的window对象 // console.log(frame.contentWindow); //iframe页面的window在不同源的页面之间无法获得！！！！！！！！ // iframe 允许跨域加载页面，但是不允许跨域修改 var subWindow = frame.contentWindow; subWindow.document.querySelector("h1").innerHTML
 = "我被主页面修改了"; subWindow.document.querySelector("h1").style.color = "red"; } </script> </body></html>

love-study-lele

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.name

第二个页面第二个页面 window.onload = function(){ //window.parent, 拿到01.html的window对象 var parentWindow = window.parent; document.querySelector('div').innerHTML = par
复制链接

扫一扫