版权声明:互相学习,共同进步!! https://blog.csdn.net/hello_word2/article/details/83894938
一般在js中定义变量的时候禁止使用name 作为属性名 ,因为 我们可以使用window.name实现页面的跨域传输
新建一个页面非常简单 ,用于提供数据
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
window.name='var num = 100;';
</script>
</body>
</html>
新建一个页面 用于接收数据 注释写在页面中
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button>点我</button>
<script>
//获取另一个页面的数据,则那个页面必须被加载
document.querySelector('button').onclick = function(eve){
//定义iframe加载数据提供的页面
var iframe = document.createElement('iframe');
iframe.src='anotherPage.html';
iframe.style.display='none';
document.body.appendChild(iframe);
//加载成功后获得数据
iframe.onload = function (eve) {
var e = eve||window.event;
var t = e.target|| e.srcElement;
var iframeWindowName =t.contentWindow.name;
console.log(typeof iframeWindowName);
eval(iframeWindowName);//将字符串转为代码
console.log(num);
}
}
</script>
</body>
</html>