如何用javascript设置页面的宽度自适应

2024-10-12 23:10:40

1、由于我平时是以c#开发为主,以下我就针对C#为例,对该功能的操作进行描述

如何用javascript设置页面的宽度自适应

3、从工具箱中拖动一个div到新建的test的页面,并将该div的id定义为“Div1",源码为:<div id="Div1" runat="server"></div>

如何用javascript设置页面的宽度自适应

5、函数体内的具体内容为: var tb =document.getElementById ("Div1");//这里是刚刚定义的div的ID var ieWidth = parseInt(document.body.clientWidth.toString().replace("px", ""), 10) - minusWidth; var tbWidth = parseInt(tb.style.width.toString().replace("px", ""), 10); if (ieWidth != tbWidth) tb.style.width = ieWidth + "px"; var ieHeight = parseInt(document.body.clientHeight.toString().replace("px", ""), 10) - minusHeight; var tbHeight = parseInt(tb.style.height.toString().replace("px", ""), 10); if (ieHeight != tbHeight) tb.style.height = ieHeight + "px";

如何用javascript设置页面的宽度自适应
猜你喜欢