window.name实现两个静态页面的数据传递

Posted 芜独独

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了window.name实现两个静态页面的数据传递相关的知识,希望对你有一定的参考价值。

两个静态页面之间的传值(1)

a.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>aaa页面</h1>
    <a href="b.html"> window.name 传递参数</a>
    <script>
        window.name = "a页面的值"
    </script>
</body>

</html>

b.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>bbb页面</h1>
    <h1 id="b_id"></h1>
    <script>
        document.getElementById('b_id').innerHTML = window.name
    </script>
</body>

</html>

在a页面点击按钮后

两个静态页面之间的传值(2)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value="打开窗口" onclick="openWinFn()">

    <script>
        function openWinFn() 
            var _xxx = window.open('', '打开的窗口 666', width = 400, height = 100);
            _xxx.document.write("<p>窗口的名称为:<h1>" + _xxx.name + "</h1></P>");
            _xxx.document.title = _xxx.name;
        
    </script>
</body>

</html>

以上是关于window.name实现两个静态页面的数据传递的主要内容,如果未能解决你的问题,请参考以下文章

两个html的页面之间怎么传递参数啊

静态页面可以传递参数给动态页面吗

跨域访问方法介绍--使用 window.name 传值

在activity之间通过静态变量传递数据

跨域问题实践总结!下(JSONP/document.domain/window.name)

在一个页面中嵌入另一个页面使用iframe,但是被嵌入页面需要通过request传递参数应该如何实现?