window.name做跨域应用

18 篇文章 0 订阅
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的变化。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值