网页中的几种宽和高

最新推荐文章于 2021-06-04 03:31:00 发布

wlq_sjz

最新推荐文章于 2021-06-04 03:31:00 发布

阅读量643

点赞数

分类专栏：其它文章标签： javascript html button 测试 function ie

本文链接：https://blog.csdn.net/wojiaosha123/article/details/2726383

版权

其它专栏收录该内容

5 篇文章 0 订阅

订阅专栏

测试一下宽和高(主要是ie)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function testInc()
{
var mydv = document.getElementById("ls");

    //ie
    alert("offsetleft:"+mydv.offsetLeft);
    alert("offsetTop:"+mydv.offsetTop);
    alert("offsetHeight:"+mydv.offsetHeight);
    alert("offsetwidth:"+mydv.offsetWidth);

    alert("clientwidth:"+mydv.clientWidth);
    alert("clientHeight:"+mydv.clientHeight);
    alert("clientleft:"+mydv.clientLeft);
    alert("clienttop:"+mydv.clientTop);

    alert("scrollTop:"+mydv.scrollTop);
    alert("scrollleft:"+mydv.scrollLeft);
    alert("scrollwidth:"+mydv.scrollWidth);
    alert("scrollheigth:"+mydv.scrollHeight);

    //css
    alert("left:" + mydv.style.left);
    alert("height:"+mydv.style.height);
}
</script>
</HEAD>

<BODY>
<input type="button" id ="tsInc" value ="测试ie中的长度" onclick ="testInc()"/>
<div style="padding-left:200px;width:680px;padding-top:80px;height:1000px;background-color:blue;">
<div id ="ls" name ="ls" style ="height:100px;width:200px;overflow:scroll;border:solid 4px yellow;background-color:red;">LoveInSky
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<br/>
<br/>
<div id ="lsd" name ="lsd" style ="height:100px;width:200px;border:solid 4px yellow;background-color:red;">LoveInSky
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div>
</BODY>
</HTML>

wlq_sjz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页中的几种宽和高

测试一下宽和高(主要是ie) New Document function testInc() { var mydv = document.getElementById("ls"); //ie alert("offsetleft:"+mydv.offsetLeft); alert("offsetTop:"+mydv.offsetTop); alert("o
复制链接

扫一扫

专栏目录