js实现网页自动全屏的方法

发布时间:2020-05-30编辑:脚本学堂
本文介绍了js实现网页自动满屏的方法,注意这个;position:absolute; 一定要有,否则也不起作用,这个div就作为整个页面的容器,需要的朋友参考下。

js实现网页自动满屏

以前可以搞个<table>,然后设它的height=”100%”,这样整个表格就充满了页面,再将内容放在这表格内,搞定。
突然发现这个属性失效了。

跟头部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这句有点儿关系。去掉也可以自动满屏,窗口有多大,window.document.body.offsetHeight就有多大。

保留这个头部,稍加变通,也可以满屏。

方法是在最外层加个DIV,如下:
 

复制代码 代码示例:
<div id="divTest" style="width:100%;height:100%;position:absolute;">

注意这个;position:absolute; 一定要有,否则也不起作用。
这个div就作为整个页面的容器。(www.jb200.com 脚本学堂)
 

复制代码 代码示例:
<!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">
<body onload="LoadTabPage();">
<div id="divTest" style="width:100%;height:100%;position:absolute;">
   ……
</div>  
</body>
</html>