这篇文章介绍了 js 全屏显示显示代码的三种方法,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
第一种:
在已经打开的一个普通网页上,点击 "全屏显示",然后进入该网页对应的全屏模式。方法为:在网页的与之间加入以下代码:
- <form>
- <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">
- </form>
如果全屏显示的不是本页,则只需要把 document.location 换为对应的网址即可,即如下代码:
- <form>
- <input type=BUTTON name=FullScreen value=全屏显示 onClick="window.open('URL地址','big','fullscreen=yes')">
- </form>
第二种:
在运行一个网页时,比如你在网址栏里直接输入:http://localhost:8080/temp.jsp,此时关闭该网页,同时显示一个空白的全屏网页,方法为:在 body 里写如下代码:
- <body onload=window.open('','',fullscreen=1);opener=null;window.close()>
- </body>
第三种: 其实就是以上两种的叠加,一般这种情况也用的比较多。就是直接打开一个网页的时候,就进入它的全屏模式,这种情况就和第一种不同了,因为第一种,当你点击了 "全屏显示" 按钮后,它是新打开一个全屏的网页,但是原来普通的那个网页仍然有,所以,这个就比较好一些。方法为:建立两个 jsp 文件,第一个里只运行如下代码,比如名字叫 demo.jsp;第二个则是你实际要运行的内容,比如叫:temp.jsp:demo.jsp:temp.jsp: 退出全屏 -------------------------------------------------------------------------------------------------------------------------------------------------------------------- 对于退出全屏,我上网也搜过很多资料,总体来说,都很难达到我们期望的目标,比如:我们可以加一个超链接 在新窗口打开;也可以应用上面打开全屏的方法的逆方法来做。但是,无论怎么搞,最后从全屏往普通模式切换的时候,总是相当于重新打开一个窗口,这样,加入我们原来的全屏模式正在放电影,你如果切换一下成普通模式,就得重新加载,这肯定不行。但是,没办法,我现在就参看这篇帖子里的 5 楼的回复:http://topic.csdn.net/t/20021028/12/1130882.html,就这个方法,大致上还过的去,只不过,它这个方法不叫全屏,相当于是把窗口向上平移了一定得高度,我们仍然可以拖动窗口。代码如下:关闭页面 -------------------------------------------------------------------------------------------------------------------------------------------------------------------- 如果要关闭页面,那么只需要在页面中加上这么一个超链接即可:
来源: