jquery操作iframe:

其实原理很简单,主要就是找对象或者称之为找元素。例子如下:

 

父页面html代码:

<html>

<head>

<title>这里是父页面</title>

<script type=”text/javascript” src=”jquery.1.4.2.min.js”></script>

</head>

<body>

<iframe id=” iframe1”  src=”引用的子页面”  />

<input id=” input1” type=” text” />

</body>

</html>

子页面html代码:

<html>

<head>

<title>这里是子页面</title>

<script type=”text/javascript” src=”jquery.1.4.2.min.js”></script>

</head>

<body>

<input id=” input2” type=” text” />

</body>

</html>

 

1、父页面操作iframe引用的子页面中的元素:

 

父页面取子页面id为input2的值,则父页面中写:

var val = $("#iframe1").contents().find("#input2").val();

 

var val = $(window.frames["iframe1"].document). find("#input2").val();

其中$("#iframe1")为在父页面中找到对应的iframe元素,contents()为找到该iframe内部子页面

的所有html内容,再在html内容中找到id为input2的文本框并取值,即find("#input2").val()

2、子页面操作父页面中的元素:

 

$("#父窗口元素ID",window.parent.document).html().find(“#input1”).val();

$(window.parent.document).find((“#input1”);

 

其中$("#父窗口元素ID",window.parent.document),如果找body,就写成$("body",window.parent.document)。

 

posted on 2012-09-12 00:09  ↙灬丨晴天  阅读(289)  评论(0编辑  收藏  举报