js通信——同源跨域

JavaScript013

js通信——同源跨域,第1张

同源：协议、域名、端口号都相同。

同源策略限制：从一个源加载的文档或脚本与另一个源的资源进行交互。

限制：1.cookie、localstorage、indexDB不能获取；2. ajax请求不能发送；3.DOM无法获得。

ajax 同源、fetch、webSocket 不限制同源、CORS 支持同源、不同源

1.打开一个新窗口：window.open()为了便于父窗口操作子窗口可以为window.open()定义一个变量，例如：

var opW = window.open(‘tests.html’,’popup’,’width=300,height=300′)

这样要关闭子窗口可直接使用：opW.close()

要操作子窗口元素，例如：

opW.document.getElementById(“fartherWindowTxt”).innerHTML = “操作子窗口”

2.子窗口可以使用window.opener来引用父窗口：window.opener.document.getElementById(“fartherWindowTxt”).innerHTML=”子窗口操作父窗口！”

3.窗口关闭自身窗口可以使用：window.close()

点击查看demo：http://www.css88.com/demo/window-tongxin/