js跨域术裸，是在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信滥朱，比如ajax向不同域請(qǐng)求數(shù)據(jù),或者通過js獲取頁面中不同域的框架中(iframe)的數(shù)據(jù).只要協(xié)議，域名，端口有任何一個(gè)不同,都是不同的域轰传。瀏覽器都有一個(gè)同源策略，其限制之一就是第一種方法中我們說的不能通過ajax的方法去請(qǐng)求不同源中的文檔架诞。 它的第二個(gè)限制是瀏覽器中不同域的框架之間是不能進(jìn)行js的交互操作的闪金。解決跨域問題，可以通過這四種方式瞳腌。
一,通過jsonp跨域在js中直接用XMLHttpRequest請(qǐng)求不同域上的數(shù)據(jù)時(shí)绞铃，是不可以的.但是可以在頁面上引用不同域上的js文件，卻是可以的嫂侍。
比如儿捧，a.html頁面荚坞，他里面的代碼需要利用ajax獲取一個(gè)不同域上的json數(shù)據(jù),
顯示大圖
原理是一樣的，只不過我們不需要手動(dòng)的插入script標(biāo)簽以及定義回掉函數(shù)菲盾。jquery會(huì)自動(dòng)生成一個(gè)全局函數(shù)來替換callback=?中的問號(hào)颓影，之后獲取到數(shù)據(jù)后又會(huì)自動(dòng)銷毀，實(shí)際上就是起一個(gè)臨時(shí)代理函數(shù)的作用懒鉴。$.getJSON方法會(huì)自動(dòng)判斷是否跨域诡挂，不跨域的話，就調(diào)用普通的ajax方法临谱；跨域的話璃俗，則會(huì)以異步加載js文件的形式來調(diào)用jsonp的回調(diào)函數(shù)。
二悉默，通過修改document.domain來跨子域這樣我們就可以通過js訪問到iframe中的各種屬性和對(duì)象了城豁。
即使你設(shè)置了相同的document.domain也還是不行的，所以修改document.domain的方法只適用于不同子域的框架間的交互抄课。如果你想通過ajax的方法去與不同子域的頁面交互唱星，除了使用jsonp的方法外，還可以用一個(gè)隱藏的iframe來做一個(gè)代理跟磨。原理就是讓這個(gè)iframe載入一個(gè)與你想要通過ajax獲取數(shù)據(jù)的目標(biāo)頁面處在相同的域的頁面间聊，所以這個(gè)iframe中的頁面是可以正常使用ajax去獲取你要的數(shù)據(jù)的，然后就是通過我們剛剛講得修改document.domain的方法吱晒，讓我們能通過js完全控制這個(gè)iframe甸饱，這樣我們就可以讓iframe去發(fā)送ajax請(qǐng)求，然后收到的數(shù)據(jù)我們也可以獲得了仑濒。
三,使用window.name進(jìn)行跨域window對(duì)象有個(gè)name 屬性,name屬性有個(gè)特征叹话，就是在一個(gè)窗口（window）的生命周期內(nèi),窗口載入的所有的頁面都是共享一個(gè)window.name的每個(gè)頁面對(duì)window.name都有讀寫的權(quán)限，window.name是持久存在一個(gè)窗口載入過的所有頁面中的墩瞳，并不會(huì)因新頁面的載入而進(jìn)行重置驼壶。
四,使用HTML5中新引進(jìn)的window.postMessage方法來跨域傳送數(shù)據(jù)window.postMessage(message,targetOrigin) 方法是html5新引進(jìn)的特性，可以使用它來向其它的window對(duì)象發(fā)送消息喉酌，無論這個(gè)window對(duì)象是屬于同热凹。
