摘要:简单介绍标签,所有的浏览器都支持标签,元素会创建包含另外一个文档的内联框架即行内框架。通常我们常用的标签的属性有的宽度的高度显示框架周围的边框中显示的文档的。
简单介绍iframe标签,所有的浏览器都支持
那么如何使用js来获取iframe页面内的对象呢,以及反过来说内嵌的iframe页面又该如何得到父级页面的对象?
注意地方:需要在服务器下运行
父级页面须保证页面内容加载完毕,即js获取iframe页面内容需要在window.onload中写
相关方法:1.父级页面获取iframe页面中的元素对象(关键contentWindow):
document.getElementById(iframe的id).contentWindow.document.getElementById(iframe页面元素id)
2.iframe页面获取父级页面的元素对象(关键window.parent):
window.parent.document.getElementById(父级页面的元素id)
代码示例:说明:父级页面test.html,iframe子级页面:iframe.html
test.html
Document 父级页面
iframe.html
Document 子级页面
在服务器下打开test.html文件,chrome浏览器测试结果:
iframe.html先获取到它的父级页面test.html的h1元素的内容“父级页面”,并输出在控制台;
然后到text.html页面获取iframe.html中的h1元素的内容“子级页面”,并输出在控制台。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/80833.html
摘要:注意事项该属性返回窗口中所有命名的框架。跨域未跨主域尝试。所以有人把叫一级域名这是错误的。报错图兼容性监听方可以获得父级对象必须是同域检查的发送页面的源。四路由变化以及前进后退。 探索Iframe 本文目的: Iframe简单使用 Iframe跨域 Iframe常见问题 一.Iframe基本Dom以及常用属性和常用事件 1.DOM: 2.常用属性: 和平时使用的DOM标签类似,...
摘要:注意事项该属性返回窗口中所有命名的框架。跨域未跨主域尝试。所以有人把叫一级域名这是错误的。报错图兼容性监听方可以获得父级对象必须是同域检查的发送页面的源。四路由变化以及前进后退。 探索Iframe 本文目的: Iframe简单使用 Iframe跨域 Iframe常见问题 一.Iframe基本Dom以及常用属性和常用事件 1.DOM: 2.常用属性: 和平时使用的DOM标签类似,...
摘要:由于该项目是基于原本的安卓,做的微信,所以原来的使用的页面现在需要在中实现,那就是使用查看了很多很多文档,其中这一篇是很有价值的下面将天的爬坑最终以问答的方式总结如下组件中如何引入如何获取对象以及内的对象如何向内传送信息内如何向外部发送信息 由于该项目是基于原本的安卓app,做的微信h5,所以原来的使用webview的页面现在需要在vue中实现,那就是使用iframe查看了很多很多文档...
摘要:四通过跨域一个页面嵌入一个外域的页面虽然两个窗体之前能获取彼此的对象,但是却拿不到上的属性和方法,例如一个页面嵌入一个的我是父窗体的方法嵌入的窗体跟的域名不同,很明显是跨域的,虽然能获取到对象,但是拿不到页面的任何方法和属性。 js跨域是指通过js在不同域之间进行相互通信或者数据传输,只要协议,域名,端口号其中有一个不同,就是跨域。下面总结一下我了解到的常用的跨域方法。 一:通过jso...
阅读 2777·2023-04-26 01:47
阅读 3590·2023-04-25 23:45
阅读 2458·2021-10-13 09:39
阅读 604·2021-10-09 09:44
阅读 1788·2021-09-22 15:59
阅读 2760·2021-09-13 10:33
阅读 1705·2021-09-03 10:30
阅读 655·2019-08-30 15:53