window.name做跨域应用

最新推荐文章于 2018-11-06 11:16:00 发布

theanarkh

最新推荐文章于 2018-11-06 11:16:00 发布

阅读量848

点赞数

分类专栏： javascript php html

本文链接：https://blog.csdn.net/THEANARKH/article/details/51902775

版权

javascript 同时被 3 个专栏收录

121 篇文章 1 订阅

订阅专栏

html

18 篇文章 0 订阅

订阅专栏

php

8 篇文章 0 订阅

订阅专栏

跨域的方法很多，不一一列举，今晚尝试了一下window.name这种方法，条件是a域名想拿到b域名的数据，并且a,b完全不同域，也就是不能通过设置document.domain来拿数据。像我们项目的前端后端代码不是放在一个服务器的，但是在一个子域名下，所以可以通过设置domain解决跨域问题，所以现在针对另一种情况进行实践。直接看代码。

前端代码：

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>

</head>

<body >
<iframe id="dataIframe" src="" style="display:none" ></iframe>
</body>
<script type="text/javascript">

window.οnlοad=function() {

$("#dataIframe")[0].src="http://www.cyb.com/name.php";
$("#dataIframe")[0].οnlοad=function(){
console.log(window.dataIframe.contentWindow.name)

//IE11 console.log(window.dataIframe.window.name)
}

}

</script>

</html>

后端代码：

<?php
echo "
<script>
var i=0;
var str=''
for(i=0;i<10;i++){
console.log(i)
str+=i;
}
window.name=str;
location.href='http://localhost/1.php'
</script>
";
?>

前端代码重点是设置iframe的src，并且监听他的onload时间，然后在回调里通过window.dataIframe.contentWindow.name拿到数据。后端代码主要是执行业务逻辑，或者返回数据，重点是最后把iframe的src设置成和前端代码域名一样的地址。这样前端代码才能通过window.dataIframe.contentWindow.name拿到数据。

主要是利用php返回的字符串会在iframe里执行，并且页面的变化不会导致window.name的变化。

跨域问题方法很多，也很有意思，有时间继续研究一下。