父子頁面之間元素相互操作 iframe子頁面

js/jquery獲取iframe子頁面中元素的方法：

一、使用window.frames["iframe的id"]獲取元素   

window.onload = function

()

注意：此處一定要加上window.onload或者domcontentloaded，也就是dom載入或者頁面載入完成後。

二、使用window.name獲取元素   

var oidframe = window.oiframe

.document.getelementbyid("getframe");
console.log(oidframe);

oiframe

是iframe的name屬性值，這種獲取方法不必寫在window.onload或者domcontentloaded中，請自行測試。
三、使用getelementbyid獲取元素 

var oidframe =document.getelementbyid("oiframe").contentwindow.document.getelementbyid("getframe");

console.log(oidframe);

使用document.getelementbyid獲取本頁面的iframe元素後，再獲取iframe子頁面的元素。這種獲取方法不必寫在window.onload或者domcontentloaded中

四、使用jquery獲取

var ojiframe = $("#oiframe").contents().find("#getframe").html();

console.log(ojiframe);

js/jqueryiframe子頁面獲取父頁面元素的方法：

一、使用js

var fatherele = window.parent.document.getelementbyid("title");

console.log(fatherele);

二、使用jq

var fatherelejq = $("#title",parent.document);

console.log(fatherelejq);

父頁面：

<

div 
id="title"
>
index包含iframe子頁面
div>
<
div 
id="parent"
>
<
iframe 
name
="oiframe"
id="oiframe"
src="iframe.html"
frameborder
="0"
width
="1000"
height
="562"
>
iframe
>
div>

iframe.html子頁面：

<

div 
id="getframe"
>iframe
div>

Jquery中父，子頁面之間元素獲取及方法呼叫

一 jquery 父 子頁面之間頁面元素的獲取，方法的呼叫 1.父頁面獲取子頁面元素 格式 iframe的id contents find iframe中的控制項id click 例項 ifm contents find ibtnok click ifm 為 標籤 id ibtnok 為子頁面按鈕 ...

react 父子元件之間相互傳值

1 定義父元件 import react,from react export default class father extends purecomponent 2 定義子元件 import react,from react export default class children extend...

iFrame父子頁面相互呼叫

子頁面 父頁面 parent.aparent.getb id window.parent.document id為父頁面元素 jq btnok parent.document click window.parent.document.getelementbyid id window.parent.d...