iframe子頁面操作父頁面

2021-06-19 22:04:36 字數 773 閱讀 4043

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下:

var htmlurl = window.parent.$("#main_frame").attr("src");(jquery)//獲取父頁面的iframe的src屬性值

其實獲取父頁面的乙個引數或方法有很多種的寫法,現在拿獲取父頁面的iframe的src屬性值為例,現在先看主頁面的html**:

要獲取iframe的src的值的話,可以在子頁面mainframe.aspx中用這幾種方法獲取:

var htmlurl = window.parent.$("#main_frame").attr("src"); (jquery)//獲取父頁面的iframe的src屬性值

var htmlurl = window.parent.$("#main_frame").attr("src");(jquery)

var htmlurl = window.parent.$("iframe[name='mainframe']").attr("src");(jquery)

var htmlurl = window.parent.document.getelementbyid("main_frame").src;

var htmlurl = window.parent.frames["mainframe"].location;

var htmlurl = window.parent.$("[name='mainframe']").attr("src");

iframe父頁面與子頁面進行操作

在使用iframe的頁面中,我們經常會有需求需要在iframe裡面對父級頁面進行相關操作,在我看來這些問題的關鍵還是 在iframe裡面獲取到父頁面物件,其它的操作問題也就迎刃而解了,所以我們關鍵的一步是 var pbody window.parent.document.body 以上獲取父頁面jq...

iframe子頁面與父頁面通訊

父頁面html iframe.html頁面 關鍵點 父親訪問孩子頁面 window framename 返回iframe頁面的window物件 js中定義的方法和變數都做為window物件的屬性存在 iframe訪問父親頁面 parent 代表父親的window物件 html和iframe的跨域通訊...

iframe 子頁面與父頁面通訊

iframe子頁面與父頁面通訊根據iframe中src屬性是同域鏈結還是跨域鏈結,通訊方式也不同。一 同域下父子頁面的通訊 父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的wind...