当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 怎么让网页全屏显示?

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

Javascript 中的 怎么让网页全屏显示?


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 208 ::
收藏到网摘: n/a

最常见的是使用window.open的方法,直接打开全屏网页:

<script>
<!--
function fullwin(){
window.open(
"bigpage.html","bfs","fullscreen,scrollbars")
}
//-->
</script>

<center>
<form>
<input type="button" onClick="fullwin()" value="Open Full Screen Window">
</form>
</center> 

另外,如果想让已经打开的网页全屏,有以下两种方法:

1.使用ActiveX

<html>
<head>
<title>test</title>
<script language="JavaScript">
function Fkey(){
     
var WsShell = new ActiveXObject('WScript.Shell')
     WsShell.SendKeys(
'{F11}');
}
</script>
</head>
<body>
<href="javascript:Fkey()">to full</a>
</body>
</html>

2.使用window.open模拟当前页:

<SCRIPT language="JavaScript">   
function   toFull(){   
  
if(window.name=="fullscreen")return;   
  
var a =window.open("","fullscreen","fullscreen=yes")   
  a.location 
= window.location.href   
  window.opener
=null   
  window.close()   
}   
</SCRIPT>   
<html>   
<body>   
<input type=button value="full" onclick=toFull()>   
</body>   
</html>