JS页面间传值

最新推荐文章于 2023-06-16 11:51:03 发布

石小泉

最新推荐文章于 2023-06-16 11:51:03 发布

阅读量687

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/shiquanqq/article/details/49004135

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1. window.opener方法从父页面取值
举个栗子：
有A.html、B.html两个页面
从A页面使用window.open()打开了B页面，则A为父页面，B 为子页面
在Ｂ页面中可以使用window.opener调用B页面中的变量、函数、以及每一个标签，并且可以修改他们的值

A.html

<html>
    <script>
        var str="csdn";
        function f1(){
            alert("csdn");
        }
    </script>
    <body>
        <div id="d1"></div>
    </body>
</html>

B.html

<html>
    <script>
        //调用A页面中的变量str
        var strb=window.opener.str;
        //调用A页面中的函数f1
        function fb1(){
            window.opener.f1();
        }
    </script>
    <body>
        <div id="d1"></div>
    </body>
</html>