广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    iframe子页面如何操作父页面元素

    2018-04-05 08:31:55 次阅读 稿源:互联网
    零七广告

    iframe页面是嵌在父页面里的,一般在 iframe 里面做相关动作时默认都是 iframe 页面的,不会影响到父页面。那么如果需要在 iframe 的子页面里面操作父页面的元素该如何办呢?

    iframe 子页面操作父页面元素需要知道的两点是:

    (1)iframe 子页面和父页面必须属于同一个域下

    (2)iframe 页面获取父页面的对象方法是 parent

    举例说明:

    1. <body> 
    2. <div id="test"></div> 
    3. <iframe src="http://www.daimajiayuan.com/list-58.html"></iframe> 
    4. </body> 

    则在 http://www.daimajiayuan.com/list-58.html 页面里面将父级页面的id="test"元素的内容加上"iframe 子页面操作父页面元素"的写法可以如下:

    parent.document.getElementById('map_position').innerHTML='iframe 子页面操作父页面元素';

    同样如果需要在子页面刷新父页面可以使用:parent.location.reload();

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告