北京沣登科技发展公司

J***aScript获取iframe元素,js获取iframe中的元素

大家好,今天小编关注到一个比较意思的话题,就是关于JavaScript获取iframe元素问题,于是小编就整理了3个相关介绍JavaScript获取iframe元素的解答,让我们一起看看吧。

  1. 如何使用js代码刷新iframe?
  2. js如何获取按钮的数据?
  3. 如何不用iframe做到隔离js和css?

如何使用js代码刷新iframe?

获取 iframe 元素,比如 var the_iframe = $('iframe')[0];通过 iframe 元素的 location 属性页面进行刷新,比如 the_iframe.location.reload();

js如何获取按钮数据

点击按钮的时候,获取这个按钮的一个属性值,即需要需要传递参数然后在iframe的src地址里面这样写 &lt; iframe src=&#34;'+MODULE+'&c=Template&a=selectTpl&id='+id+'" width="100%" height="100%" &gt;< / iframe > 在iframe的接收参数处理的页面,用$_GET就可以获取传来的值,然后交给js使用。

JavaScript获取iframe元素,js获取iframe中的元素div>
图片来源网络,侵删)

如何不用iframe做到隔离js和css

如果说完全隔离的话就只有iframe了<span>(HTML5也是赞成的使用的,而frameset是废弃的)

shadowDOM能够较好的隔离js DOM和css,提供web组件级的封装和隔离,但是js中的全局对象等则无法隔离…

shadowDOM目前只有Chrome、Safari10+及opera支持,长远来说shadowDOM将要作为web标准,各种浏览器迟早都会支持…

JavaScript获取iframe元素,js获取iframe中的元素
(图片来源网络,侵删)

另外webWorker和webAssembly也能在一定程度上隔离js,但是css无能为力

webWorker:类似多线程,可以隔离js(有限制DOM操作不了)

webAssembly:可以用c/c++优化js,作为组件供js加载

JavaScript获取iframe元素,js获取iframe中的元素
(图片来源网络,侵删)

到此,以上就是小编对于J***aScript获取iframe元素的问题就介绍到这了,希望介绍关于J***aScript获取iframe元素的3点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/71663.html

分享:
扫描分享到社交APP