關於父頁面訪問iframe中元素和js的那點事

page1.html

<

html
>
<
body
>
<
input 
type
="button"
onclick
="getvalue()"
value
="獲取外部網頁"
/>
<
input 
type
="button"
onclick
="getvalue2()"
value
="獲取內部網頁"
/>
<
input 
type
="button"
onclick
="getvalue3()"
value
="獲取內部http網頁"
/>
<
input 
type
="button"
onclick
="getvalue4()"
value
="呼叫內部頁面的js方法"
/>
<
input 
type
="button"
onclick
="getvalue5()"
value
="獲取相同機器的別的專案的頁面"
//獲取baidu的搜尋文字框的值，失敗，禁止跨域訪問
function
getvalue()
//獲取相同頁面下的page2頁面中的input的值，成功
function
getvalue2()
//獲取相同域下的頁面中的input的值，成功
function
getvalue3()
//呼叫相同域下的頁面中js方法，成功
function
getvalue4()
//呼叫相同機器的別的專案下的頁面，成功
function
getvalue5()
script
>
html
>

page2.html

<

html
>
<
body
>
<
input 
type
="text"
name
="ins"
id="ins"
value
="11"
/>
body
>
<
script
>
function
test()
script
>
html
>

測試時的訪問路徑:http://localhost:8080/test/page1.html

測試的結果表示:只要http://ip:埠/    相同就可以訪問子頁面中的任何元素

子頁面訪問父頁面 和 跨iframe訪問

1.a iframe的頁面訪問b iframe頁面的內容。parent.document.getelementbyid b iframe的id contentwindow.document.getelementbyid b iframe頁面要訪問的元素id 2.a iframe的3級頁面訪問b if...

iframe子頁面與父頁面的元素訪問

宣告既然是子頁面要訪問父頁面那麼下面的操作 就要寫在子頁面裡 js方法是parent.document.getelementbyid或者parent.document.getelementbyclassname jquery方法是var iwantobject window.parent.docum...

iframe子頁面操作父頁面

最近經常用到iframe，用的最多的就是在子頁面中操作父頁面的方法或變數等，總結了用到的幾種方法，如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法，現在...