码迷,mamicode.com
首页 > Web开发 > 详细

js操作iframe

时间:2017-09-26 22:21:55      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:body   put   onload   子页面   get   nbsp   btn   nload   获取   

前提: 同域条件下,一个父页面中嵌套了iframe子页面,父页面如何操作iframe页面中的元素? iframe页面中如何访问 父页面元素?

例如嵌套了如下iframe:

<iframe src="attach.html" style="border:0; background: pink; display: block; width: 100%; height: 80; " id="iframe"></iframe>

iframe内容:

<body>
  <input type="button" value="按钮" id="btn" />
  <p id="txt">新内容</p>
</body>

1 父页面访问子页面

  原生js:   

  window.onload = function(){

     var iframe = document.getElementById("iframe");

     var p = iframe.contentWindow.document.getElementById("txt");

       }

  jq:

  $(window).load(function(){

    var $iframe = $("#iframe")

     var $p = $iframe.contents().find("#txt");

  });

2  iframe子页面 访问父级页面

  关键获取到父级的document对象:

  window.parent.document

 

js操作iframe

标签:body   put   onload   子页面   get   nbsp   btn   nload   获取   

原文地址:http://www.cnblogs.com/hhzm/p/7598942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!