网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何用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设置页面的宽度自适应
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com