![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
跨域
凤凰谷1
这个作者很懒,什么都没留下…
展开
-
iframe+postMessage跨域通信实践
概述: postMessage方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递。语法: otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow:其他窗口的引用,如 iframe的contentWindow、执行window...原创 2019-06-25 01:40:38 · 498 阅读 · 0 评论 -
jsonp解决跨域实践
Jsonp解决跨域核心原理解析:动态加载服务端返回的js代码 执行服务端返回的可执行js代码 请求方式为get 使用script标签的src属性加载另一个域名的js资源 使用JSONP模式来请求数据的时候服务端返回的是一段可执行的JavaScript代码。因为jsonp跨域的原理就是用的动态加载script的src,所以我们只能把参数通过url的方式传递,所以json...原创 2019-06-25 00:57:00 · 124 阅读 · 0 评论 -
location.hash + iframe跨域
实现原理: a欲与b跨域相互通信,通过中间页c来实现。 三个页面,不同域之间利用iframe的location.hash传值,相同域之间直接js访问来通信。具体实现: A域:a.html -> B域:b.html -> A域:c.html,a与b不同域只能通过hash值单向通信,b与c也不同域也只能单向通信,但c与a同域,所以c可通过parent.parent...原创 2019-06-25 02:04:54 · 705 阅读 · 1 评论 -
window.name + iframe前端跨域
概述: window.name这个属性不是一个简单的全局属性 --- 只要在一个window下,无论url怎么变化,只要设置好了window.name,那么后续就一直都不会改变,同理,在iframe中,即使url在变化,iframe中的window.name也是一个固定的值,利用这个,我们就可以实现跨域了代码实例:test1.html<!DOCTYPE html>...原创 2019-06-25 02:20:04 · 2986 阅读 · 0 评论