前端开拓 | 那些年曾谈起的跨域

发布时间：2019-06-21 21:01:41 所属栏目：建站来源：Aaron

导读：对付前端开拓来说跨域应该是最不生疏的题目了，无论是开拓进程中照旧在口试进程中都是一个常常碰着的一个题目，在开拓进程中碰着这个题目的话一样平常都是找后端同窗去办理，以至于许多人都忽略了对跨域的熟悉。为什么会导致跨域？碰着跨域又怎么去办理呢？本

http://localhost:7000/b.html

<!DOCTYPE html>  
<html>  
<head>  
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />  
<title>无</title>  
</head>  
<body>  
<script type="text/javascript">  
function checkHash(){  
    var data = '';  
    switch(location.hash){  
        case '#Aaron':  
              data = 'my Aaron';  
              break;  
        case '#Angie':  
              data = 'my Angie';  
              break;  
        default : break;  
    }  
    data && callBack('#'+data);  
}  
function callBack(hash){  
   var proxy = document.createElement('iframe');  
   proxy.style.display = 'none';  
   proxy.src = 'http://localhost/c.html'+hash;  
   document.body.appendChild(proxy);  
}  
window.onload = checkHash;  
</script>  
</body>  
</html>

http://localhost:6000/c.html

<!DOCTYPE html>  
<html>  
<head>  
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />  
<title>无</title>  
</head>  
<body>  
<script type="text/javascript">  
parent.parent.location.hash = self.location.hash.substring(1);  
</script>  
</body>  
</html>

a.html中有一个潜匿的iframe,该iframe指向异域http://localhost:7000/b.html的b.html，且转达hash值给b.html`b.html获取hash值，天生data值，然后动态建设iframe，该iframe将data值传给与a.html同域的c.html 由于c.html与a.html`同域，可以传值当然也就办理了跨域题目。

window.name

window.name这个属性不是一个简朴的全局属性只要在一个window下，无论url怎么变革，只要配置好了window.name，那么后续就一向都不会改变，同理，在iframe中，纵然url在变革，iframe中的window.name也是一个牢靠的值，操作这个，我们就可以实现跨域了。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

7/15

首页

尾页

SEO排名难做的四大原因	在保持网站优化的同时
网站SEO优化的几个技巧	网站原创内容怎么写？