我有一个html页面,我在其中以编程方式为iframe设置src.如何通过iframe src传递参数并在子html中获取它们？
在我的代码下面:
<iframe id="myIframe" src="" height="250px" width="100%" scrolling="yes" frameborder="0"></iframe>
function myFunction(){
$('#myIframe').attr('src', "myIframeRequest.html");
}
如果我有一个包含iframe的网站:
<html>
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<iframe src="http:/somelink.com/iframe.html"></iframe>
</body>
</html>
那么iframe是否可以知道它是否可以被"看到"？这例如通过知道与屏幕顶部相关的iframe的顶部位置.
这是我的测试iframe :(所有值都是0,无论父级的滚动位置)
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
console.log("ok");
check();
});
function check() {
// position of parent
var parentScrollTop = $(window.parent.document).scrollTop();
console.log("parentScrollTop: "+parentScrollTop);
// self position
var bodyPosition = $("body").position().top;
console.log("body position: "+bodyPosition);
setInterval(check, 1000);
}
</script>
<style type="text/css">
body {
background-color: red;
}
</style>
</head>
<body>
</body>
</html> …