获取iframe引人的页面高度
写这个只是记录下我郁闷了半天的chrome下不成功的问题，其实这个问题你在搜索引擎中随便一搜就可以看到许多的相关资料，有两个知识点一个是浏览器都支持的contentWindow属性，另一个则是firefox等支持的好像ie高版本也支持，反正67不支持的contentDocument属性，contentDocument是标准的属性但是兼容差点，所以我就直接使用了contentWindow，测试了ff和ie发现良好，当时我就没有想再测试了，因为一个代表了标准一个代表了变态，两个都ok了就没有必要在测试了，
当时chrome也开着就测试了下，发现不行报错，我当时就很郁闷啊，不应该啊！我想难道说网上说的是错误的chrome不支持contentWindow属性，于是我就用contentDocument写了一个，测试还是chrome下报错，我当时就相当的郁闷了，这到底是怎么回事呢？我到网上一顿查找结果还是无功而返，忽然我想起chrome下jquery的load方法不管用并不是不支持，而是对安全性要求有些高需要在服务器下运行，于是我就在wamp环境下测试了下，结果是chrome运行的良好。
今天记录下这件事情，同时也希望能改提醒遇到相同问题的人！最好贴下代码其实代码很简单。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>web</title>
<script type="text/javascript">
window.onload=(function(){
var obj;
var iframeObj=document.getElementById("iframe-box");
if(iframeObj.contentWindow){
obj= iframeObj.contentWindow.document;
}
var height=obj.documentElement.scrollHeight;
iframeObj.height=height;
});
</script>
</head>
<body>
<iframe src="02.html" id="iframe-box" name="iframe" frameborder="0" width="970" marginwidth="0" marginheight="0"></iframe>
</body>
</html>
标签: chrome, 获取iframe引人的页面高度
发表于 jquery
