框架元素-跨域访问-window.name

2022-05-27    分类: 网站建设

页面A:页面B,你能传个数据给我吗?

页面B:额,我们不在同一个域内,因为涉及到WEB安全问题,所以浏览器禁止我直接向你传数据。

页面A:有什么办法可以解决这个问题吗?

页面B:可以使用window.name。

页面A:那你需要我做些什么?

页面B:1.你先动态创建一个iframe节点;

   2.设置节点属性src指向我;

   3.我会设置window.name = ’b’;

   4.然后你重新设置节点iframe的属性src指向和你在同一个域下的兄弟页面C;

   5.虽然属性src的值变了,但是window.name的值并没有变,还是b,
这样你就可以直接从页面C中获取数据b了。

页面A:明白了,这样就从跨域访问变成了同域访问。

页面B:是的。对了,这里的页面C没有实际的内容,只是起到一个桥梁的作用噢。

<!--页面A--> 
<script> 
  var state = 0; 
    ifr = document.createElement(’iframe’); 
    ifr.src = ’http://www.cdcxhl.com/’; 
    if(ifr.attachEvent) { 
        ifr.attachEvent(’onload’, loadfn); 
    }  
    else  
    { 
        ifr.onload  = loadfn; 
    } 
    function loadfn() { 
        if (state === 1) { 
            var data = ifr.contentWindow.name;  
            alert(data); 
        }  
        else if (state === 0)  
        { 
            state = 1; 
            ifr.contentWindow.location = "http://www.cdcxhl.com/"; 
        }   
    }; 
    document.body.appendChild(ifr); 
 </script> 

本文标题:框架元素-跨域访问-window.name
分享地址:https://www.cdcxhl.com/news45/159795.html

成都网站建设公司_创新互联,为您提供移动网站建设外贸建站商城网站网站策划定制开发电子商务

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设