前端跨域术分享.pptx

前端跨域总结分享daihongtao@保密文档，不得复制V1.00提纲浏览器同源策略什么情况下会跨域Iframe间的跨域通信Ajax跨域请求参考资料Q A浏览器同源策略源由协议， 域，端口号定义。浏览器不允许从一个document中访问另一不同域下的document的dom元素。在网络访问中，一个源可以向另一个不同源发送数据，但不可以从另一个源读取数据。什么情况下会跨域主域不同BS主域相同，子域不同ZB什么情况下会跨域协议不同端口号不同:8878Iframe跨域通信不跨域时访问iframe： contentWindow访问父级：parent访问顶级：topIframe跨域通信主域相同、子域不同使用document.domain=主域名Iframe跨域通信主域不同Hash原理：动态改变location.hash，iframe不会重载无论跨域与否，iframe内可以获取自己的location.hash只要域名相同就能通信，即使ABC三层嵌套缺点数据容量是有限的（受url长度的限制）而且数据暴露在url中（用户可以随意修改）Iframe跨域通信主域不同W是什么name 在浏览器环境中是一个全局window对象的属性优缺点数据更大（2M）只支持ie6-7Demohttp://js8.in/demos/xdomain//Whttp://js8.in/demos/xdomain//Ifram