功能介绍
网页中经常会用到 <iframe> 元素. 通过这个元素我们可以将另一个网页附加到当前网页中. 但是在这种情况下我们不能直接通过 jQuery 的选择器来获取 <iframe> 引入的网页中的任何元素.
实现方法
示例
下面的示例中创建了两个网页文件, 网页A通过 <iframe> 引用了网页B. 同时可以通过点击网页A中的按钮获取网页B中的一个输入框中的内容.
网页A ‘a.jsp’
<head>
<script>
$(document).ready(function(){
$("#showValue").click(function(){
$("#iframe")[0].contentWindow.copyInfo();
});
});
</script>
</head>
<body>
<button id="showValue">显示输入框内容</button>
<iframe name='iframe' id='iframe' src='b.jsp'>
</body>
网页B b.jsp
<head>
<script>
function copyInfo()
{
return $("[name='demo']").val();
}
</script>
</head>
<body>
<input type='text' name='demo' id='demo'>
</body>
参考文献
-
我的上级荣哥的代码