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

Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
ExtJS 2.0 实用简明教程之布局概述
ExtJS 2.0实用简明教程之应用ExtJS
ExtJS 2.0实用简明教程 之获得ExtJS
javascript 扫雷游戏
ExtJS 2.2.1的grid控件在ie6中的显示问题
jquery-1.2.6得到焦点与失去焦点的写法
一组JS创建和操作表格的函数集合
extjs fckeditor集成代码
jquery 实现京东商城、凡客商城的图片放大效果
jQuery 技巧大全(新手入门篇)
JavaScript设置FieldSet展开与收缩
event.keyCode键码值表 附只能输入特定的字符串代码
js 图片缩放特效代码
jquery(1.3.2) 高亮选中图片边框
js 使用方法与函数 总结
Js 本页面传值实现代码
javascript获取div的内容 精华篇
innerText innerHTML的用法以及注意事项 [推荐]
jquery 圆角遮罩图片实现图片圆角

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 407 ::
收藏到网摘: 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>