手机版

原生射流研究…获取内联框架中数字正射影像图元素-父子页面相互获取对方数字正射影像图元素的方法

时间:2021-09-08 来源:互联网 编辑:宝哥软件园 浏览:

用原生射流研究…在父页面获取内联框架子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下:

1、父页面(demo.html),在父页面修改子页面差异的背景色为灰色,原来为红色:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /titledemo主页面/title脚本类型=' text/JavaScript '窗口。onload=function(){ var _ iframe=document。getelementbyid(' iframeId ').contentWindowvar _ div=_ iframe。文件。getelementbyid(' Objid ');_ div。风格。background COlOr=" # CCC}/script/head dydiv id=' ParDiv '父页面/div frame src=' http : demo-iframe。html ' id=' iframeId '高度=' 150 '宽度=' 150 '/iframe/body/html 2,子页面(demo-iframe.html),在子页面修改父页面差异的字体颜色为红色,原来为黑色:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /title子页面demo13-iframe.html/titlescript类型=' text/JavaScript '窗口。onload=function(){ var _ iframe=window。父母;var _ div=_ iframe。文件。getelementbyid(' ParDiv ');_ div。风格。颜色='红色';}/script/head dydiv id=' Objid ' style=' width :100 px;高度:100 px背景色:红色;'子页面/div/body/html

3、效果图:

(1)没有加入射流研究…时的效果图:

(2)加入射流研究…后的效果图:

以上这篇原生射流研究…获取内联框架中数字正射影像图元素-父子页面相互获取对方数字正射影像图元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

版权声明:原生射流研究…获取内联框架中数字正射影像图元素-父子页面相互获取对方数字正射影像图元素的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。