1. 程式人生 > >js中的跨域方法總結

js中的跨域方法總結

什麼是跨域?

瀏覽器的安全策略,只要協議,域名,埠有任何一個不同,就被當做不同的域。

下面對http://www.qichedaquan.com的同源檢測

http://www.qichedaquan.com/a.html  // 同源

http://www.qichedaquan.com/b.html  // 同源

http://www.qichedaquan.com:8080   //不同源

http://news.qichedaquan.com/          //不同源

http://pic.qichedaquan.com/             //不同源

1,jsonp方法

原理:利用script標籤,在頁面上引入不同域上的js指令碼檔案

2,document.domain

原理:document.domain設定成相同的域名,來訪問iframe中的屬性和物件

3,window.name

原理: 在一個視窗的生命週期內,視窗載入的所有頁面都是共享一個window.name,每個頁面對window.name都有讀寫的許可權

4,window.postMessage

原理: H5的新屬性,不支援IE6,7