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实现两个静态页面的数据传递的主要内容,如果未能解决你的问题,请参考以下文章