首頁 > web前端 > js教程 > 主體

js iframe跨域存取(同主域/非同主域)分別深入介紹_javascript技巧

WBOY
發布: 2016-05-16 17:43:01
原創
2059 人瀏覽過

js跨域是個討論很多的話題。 iframe跨域訪問也被研究的很透了。
一般分兩種情況
一、 是同主域下面,不同子域之間的跨域;
  同主域,不同子網域跨域,設定相同的document.domian就可以解決;
父頁存取子頁,可以document.getElementById("myframe").contentWindow.document來存取iframe頁面的內容;如果支援contentDocument也可以直接document .getElementById("myframe").contentDocument存取子頁內容;
  子頁存取父頁,可以parent.js全域屬性
二、 是不同主域跨網域

二、是不同主域跨網域
;前提,www.a.com下a.html,a.html內iframe呼叫了www.b.com下的b.html,b.html下iframe呼叫了www.a.com下的c.html
b.html是不無法直接存取a.html的對象,因為涉及跨域,但可以存取parent,同樣c.html的parent可以存取b.html。 c.html和a.html同域,是可以存取a下的物件的。 parent. 物件。 🎜>


    <script> <BR>function dosome(text){ <BR>document.getElementById("getText").innerHTML= decodeURI(text); <BR>} <BR></script>




    b.html




    複製代碼

    程式碼如下:


    • 這裡是內容1

    • 這裡是內容2

    • 這裡是內容3

    • 這裡是內容4
    • 這裡是內容5

    • 這裡是內容6


    <script> <BR>window.onload = function(){ <BR>var text = document.getElementById('ct').innerHTML; <BR>document.getElementById('myfarme').src="http://www. a.com/c.html?content=" encodeURI(text); <BR>} <BR></script>




    c.html




    複製程式碼

    程式碼如下:

    無標題文件
    <script> <BR>window.onload = function() { <BR>var text = window.location.href.split('=')[1] <BR>console.log(parent.parent) <BR>parent.parent.dosome(text); <BR>} <BR></script>


    ddddddddddd

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板