iframe頁面之間元素獲取與方法呼叫

2021-09-24 23:06:41 字數 813 閱讀 9284

父頁面與子頁面之間的元素獲取與方法呼叫:

1、js

父調子子調父元素

window.frames[iframe的name屬性值];

① window.parent.document.getelementbyid("父頁面元素id");

②window.parent.document.getelementsbytagname("父頁面元素標籤名")[i];

③window.parent.document.getelementsbyclassname("父頁面元素類名")[i];

方法① document.getelementbyid("子頁面元素id").contentwindow.子頁面方法名;

② document.getelementsbytagname("子頁面元素標籤名")[i].contentwindow.子頁面方法名;

③ document.getelementsbyclassname("子頁面元素類名")[i].contentwindow.子頁面方法名;

window.parent.父頁面方法;

2、jquery

父調子子調父

元素$(iframe選擇器

).contents().find(iframe中元素選擇器);

① $(父頁面元素選擇器, window.p

arent.document);

② window.parent.$(父頁面元素選擇器)window.parent.父頁面方法;

方法$(iframe選擇器)[0].contentwindow.子頁面方法名;

window.parent.父頁面方法;

iframe父頁面與子頁面之間的元素獲取與方法呼叫

父頁面與子頁面之間的元素獲取與方法呼叫 1 js 父調子 子調父 元素 window.frames iframe的name屬性值 window.parent.document.getelementbyid 父頁面元素id window.parent.document.getelementsbytag...

iframe子頁面獲取父頁面元素的方法

在iframe子頁面獲取父頁面元素 如下 objld parent.document 在父頁面獲取iframe子頁面的元素 如下 objid document.iframes iframe document 或 如下 document.getelementbyid iframeid contentw...

iframe子頁面與父頁面之間通訊

父頁面parent.html function say function callchild script head iframe body html 子頁面child.html function say function callparent script head body html 方法呼叫 ...