您的位置:阿里西西 > 前端技术 > HTML基础 > 详细内容

网页全屏显示代码

  互联网   Alixixi   2009-07-30   点击:   我要评论
下面分享网页全屏显示代码,想做全屏显示效果的朋友可以参照下。

最常见的是使用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>   


更多关于 html 的文章
·上一篇:CSS Hack 汇总快查
·下一篇:jQuery常用技巧
会员评论所有会员评论

  

相关排行总榜

网页教程

站长文章

特效排行