获取iframe的dom(iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息)
导读: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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!