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)。