JS 获取iframe中的div高度

JS 获取iframe中的div高度,第1张

你的代码写的没有错

如果我猜得不错的话,你是直接运行的这段代码!

先给你讲原理:

调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们一般是把这些代码封到一个函数内,再用windowonload来指向这样解决:

function show()

{

documentwrite(windowframes["cwin"]documentgetElementById("reg")styleheight);

}

windowonload=show;

也许你会说,那为什么我的innerHTML能获取到呢 请注意:完全下载!

明白了吧

js取得浏览器高度并赋值给div的步骤如下:

1">

2请调整浏览器窗口大小</h2><hr /><form action="#" method="get" name="form1" id="form1"><!--

3显示浏览器窗口的实际尺寸-->浏览器窗口 的 实际高    度: <input type="text" name="availHeight" size="4"/><br />

4浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br /></form><script type="text/javascript"><!-- var winWidth = 0;var winHeight = 0;function findDimensions()

5//函数:获取尺寸{//获取窗口宽度if (windowinnerWidth)winWidth = windowinnerWidth;else if ((documentbody) && (documentbodyclientWidth))winWidth = documentbodyclientWidth;//获取窗口高度documentform1availHeightvalue= winHeight;documentform1availWidthvalue= winWidth;}findDimensions();//调用函数,获取数值windowonresize=findDimensions;//--></script></body></html>

var img = documentgetElementById('imgId');

var rect = imggetBoundingClientRect();

alert(rectwidth+","+rectheight) //实际显示的高度和宽度,不管是通过css或width属性设置的。

alert(imgnaturalWidth+","+imgnaturalHeight);//的原始高度和宽度,不过旧的浏览器可能不支持。

var img_url = "";

// 创建对象

var img = new Image();

// 改变的src

imgsrc = img_url;

var check = function(){

// 只要任何一方大于0

// 表示已经服务器已经返回宽高

if(imgwidth>0 || imgheight>0){

var _height = imgheight

var _width = imgwidth

clearInterval(set);

}

};

var set = setInterval(check,40);

以上就是关于JS 获取iframe中的div高度全部的内容,包括:JS 获取iframe中的div高度、如何用 js 取得浏览器的高度并赋值给div、如何用JS攻取img中的style中的width和height值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10173665.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存