• 遭爆校长任期炒高房价请假率高 吴茂昆:旧案重提悖离事实 2018-08-19
  • 2018年洗衣机市场健康洗产品已成市场新引擎 2018-08-19
  • 大学毕业生创业“修手机” 两个月进账超30万元 2018-08-19
  • 張近東代表建議,用AI、區塊鏈技術打造數據安全“護城河” 2018-08-18
  • 清明忆先烈 习近平这样传承“红色基因” 2018-08-18
  • 第二届福建省大学生文化创新创意大赛落幕 2018-08-18
  • 乘客突发脑梗 611路司机忙送医一直等到家属到 2018-08-18
  • 中国新一代百亿亿次超级计算机“天河三号”原型机首次亮相[组图] 2018-08-17
  • “动静”结合丨带你感受不一样的实爆训练场 2018-08-17
  • 侠客岛:拿什么拯救你,不学普通话的香港年轻人 2018-08-17
  • 机构改革是一场政治考验 2018-08-17
  • 简讯:韩国前总统朴槿惠一审被判24年有期徒刑 2018-08-16
  • 人民网评:走向大洋,呼唤现代化的中国海军 2018-08-16
  • 北京成立学生申诉处理委员会-地方新闻-时政频道-中工网 2018-08-16
  • 虽胜不足喜!鲁能一隐忧不治愈,恐高开低走 2018-08-16
  • 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的重要特性进行了详细讲解,内容全面丰富,易于理解,能够帮助读者提升实际应用技能。