• 【美丽中国长江行】常德桃源:做好水文章,答对生态卷 2018-05-26
  • 农业农村部“百乡万户”驻村调研:兴农业 补短板 2018-05-26
  • 女人更年期后,要不要避孕?如何避? 2018-05-25
  • 债市风险有多大?华商系债基今年跌幅已超20% 2018-05-25
  • 供电公司采取小额诉讼手段维权 3个月不交电费将收到律师函 2018-05-25
  • 智能公交让全民体验智慧出行 2018-05-25
  • 杭州男子钓起16斤重“猛兽”,专家一看:可别随意丢弃! 2018-05-25
  • 望川十年,看见中国社会的成长 2018-05-25
  • 哈尔滨市“拔钉子”严查露天烧烤 21家冒烟摊位将被依法处罚 2018-05-24
  • 新濠天地娱乐城官网 2018-05-24
  • “澳门368足球博彩公司”足球比分及时直播李国英主持召开省深化医药卫生体制改革领导小组会议 2018-05-23
  • 马来大选92岁前总理改写政治版图 60年来政党首轮替 2018-05-23
  • 科技创新技能挑战赛聚焦冬奥主题 2018-05-23
  • 泰国试管婴儿bnh医院技术怎么样,是最好的吗?—海口论坛 2018-05-23
  • 置业指南:买高层要注意这些问题 2018-05-22
  • iframe 子页面如何操作父页面元素

    栏目: 编程语言 发布于: 2014-05-07 11:35:09

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

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

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

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

    举例说明:

    <body>
    <div id="test"></div>
    <iframe src="http://www.rocksun.cn/javascript-function/272.html"></iframe>
    </body>

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

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

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

    您可能感兴趣的文章

    • jquery 如何操作iframe父级页面的元素
    • 单个页面的优化操作-细节决定排名
    • 如何控制页面内容的加载顺序
    • 如何优化网站页面提高网页的加载速度
    • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)
    • thinkphp页面跳转(successerror)如何设置跳转等待时间
    • 禁止网页右键、复制、另存为、查看源文件等功能实现网页源代码?;?/li>
    • 网页缓存Js,css以及图片导致页面刷新无效果的三种解决办法
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:iframe 子页面如何操作父页面元素
    IT技术书籍推荐:
    HTML5+CSS3从入门到精通(附DVD光盘1张)
    HTML5+CSS3从入门到精通(附DVD光盘1张)
    李东博 (作者)
    HTML5+CSS3从入门到精通》通过基础知识+中小实例+综合案例的方式,讲述了用HTML5+ CSS3设计构建网站的必备知识,相对于权威指南、高级程序设计、开发指南同类图书,《HTML5+CSS3从入门到精通》是一本适合快速入手的自学教程。内容有:创建HTML5文档,实战HTML5表单,实战HTML5绘画,HTML5音频与视频,Web存储,离线应用,Workers多线程处理,Geolocation地理位置等技术。CSS3部分主要介绍了CSS3概述,CSS选择器,文本、字体与颜色,背景和边框,2D变形,设计动画,网页布局、用户界面以及CSS3的其他新特性。 《HTML5+CSS3从入门到精通》内容涵盖了HTML5+CSS3的所有重要特性,通过大量实际案例对HTML5+CSS3的重要特性进行了详细讲解,内容全面丰富,易于理解,能够帮助读者提升实际应用技能。