• 消协提醒:春节预订酒店有技巧 预付卡消费需谨慎 2018-10-20
  • 陈敏尔唐良智会见传化集团董事长徐冠巨 2018-10-20
  • 扫黑除恶利剑高悬 前8月榕查处违法采砂案件93起 2018-10-20
  • 不能让所谓的收视率愚弄观众 2018-10-18
  • 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • “2018-雷霆”专项行动破获百余起台湾间谍案 2018-10-09
  • 朝韩首脑今起在平壤会晤 “金文会”将聚焦三大议题 2018-10-09
  • 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的重要特性进行了详细讲解,内容全面丰富,易于理解,能够帮助读者提升实际应用技能。