日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

iframe父子頁面互相調用方法、獲取變量、獲取元素

作者:lixiaonaaa 更新時間: 2022-01-04 編程語言

每次iframe父子頁面交互的時候總是現查,總也記不住,所以今天來詳細記載一下。以下均為jquery 寫法。

1、iframe子頁面調用父頁面

(1)方法

parent.func()

(2)變量

parent.value

(3)jquery元素

$("div",parent.document)

2、父頁面調用iframe子頁面

(1)方法

$("#childrenIframeId").eq(0)[0].contentWindow.func();

(2)變量

$("#childrenIframeId").eq(0)[0].contentWindow.value;
//注意,如果取不到名為value的全局變量,檢查一下value是否定義在子頁面的window上,若沒有,子頁面變量可以這樣定義 window.value = "XXX"

(3)jquery元素

$("#childrenIframeId").eq(0).contents().find("div")

子頁面窗口對象也可這樣獲取:?window.frames['name'],

即$("#childrenIframeId").eq(0)[0].contentWindow ==?window.frames['childrenIframeName']

注意:父頁面要在確保iframe子頁面加載完成后,再執行獲取變量等操作,否則取不到,可在iframe子頁面加載完成的回調方法中執行

 $('#childrenIframeId').load(function() {
     // 獲取元素 。。。
     // 獲取變量 。。。
     // 執行方法 。。。
 });

原文鏈接:https://blog.csdn.net/lixiaonaaa/article/details/122077573

欄目分類
最近更新