网页自动满屏的实现方法举例

发布时间:2020-03-03编辑:脚本学堂
本文介绍下网页自动满屏的实现方法,有需要的朋友,可以参考下。

头部信息:
 

复制代码 代码示例:
<!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作为整个页面的容器。

完整示例:
 

复制代码 代码示例:
<!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;">
脚本学堂-www.jb200.com <br/>
脚本学堂,专业的网站编程、脚本编程的技术网站。<br/>
</div>
</body>
</html>