首页IT科技获取iframe的dom(iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息)

获取iframe的dom(iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息)

时间2025-08-04 23:25:45分类IT科技浏览6335
导读:1.iframe简单使用 <iframe> 标签规定一个内联框架。...

1.iframe简单使用

<iframe> 标签规定一个内联框架                。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档                        。

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe> width插入页的宽; height插入页的高; scrolling 是否显示页面滚动条(可选的参数为auto                、yes                        、no                ,如果省略这个参数                        ,则默认为auto); frameborder 边框大小;

注意:URL建议用绝对路径

<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

如果一个页面里面有框架        ,点页面里的连接                ,要求在这个<iframe> 里打开        。在<iframe >中规定name

<iframe name=** ></iframe>

然后在修改默认打开模式                        ,:网页head中加上<a href=URL target=**>或部分连接的目标框架设为(**)

要插入一个页面        。要求只拿中间一部分                        。其他的都不要                。

代码:

<iframe name=123 align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/" frameborder=no scrolling=no width=776 height=2500></iframe>

控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170

scrolling滚动条要否(auto        、yes        、no) frameborder框架的边框大小        ,width=776 height=2500此框架的大小        。

2.获取iframe

常用获取元素的方法        ,dom ,jQ等;

var ifr = document.getElementById(‘mainIframe0’)

3.获取iframe 元素值

ifr.contentWindow

拿到的是window 对象

Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, }

ifr.contentWindow.值 定义的全局变量                        。

4.iframe获取父页面的信息:

获取父页面元素的值:

jquery方式:$("#auditDate",parent.document).val(); js方式:parent.document.getElementById(“auditDate                ”).value;
声明:本站所有文章                        ,如无特殊说明或标注                ,均为本站原创发布                。任何个人或组织        ,在未征得本站同意时                        ,禁止复制                        、盗用                、采集        、发布本站内容到任何网站                        、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益                ,可联系我们进行处理                        。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
网站排名优化的方法(用正确的SEO策略提高你的排名)