关于iframe中jquery得到父窗口中id值得方法

外层页面:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script language="javascript" src="jquery-1.4.min.js"></script>
<script language="javascript">

<div id="demo">
 <input type="button" value="-0-" class="test" id="test">
 <iframe src="inner.html" width="100" height="100">
</div>

 

内层页面

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script language="javascript" src="jquery-1.4.min.js"></script>
<title>Inner</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script>
jQuery(document).ready(function(){


  //var c = window.parent.$("#test").val();
  //alert(c);

  
  window.$ = window.parent.$;
  alert($("#test").val());


  var o = parent.document.getElementById("test");
  //alert(o.value);

});


</script>
<div id="demo">
 INner
</div>

 

 

要实现的目标是:内窗口得到外层页面中的id等于test的value值

值得,注意的几点如下:

1。外窗口中,引入的jquery插件的js,在内层必须在引用,否则,内层不能调用到jquery

2。可以通过传统的js调用:

  var o = parent.document.getElementById("test");
  //alert(o.value);

3。注册内层的$   为    全局的$

window.$ = window.parent.$;

则可以用常规的方法调用                  alert($("#test").val());

4。直接,用:

  //var c = window.parent.$("#test").val();
  //alert(c);

 

 

 

阅读更多
版权声明:本文为博主原创文章,如若商业用途转载必须通知博主 https://blog.csdn.net/yuanfen860913/article/details/5647974
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭