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)。
3795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
