2023年11月28日发(作者：)

js全屏显⽰代码的三种⽅法

js全屏显⽰代码的三种⽅法

这篇⽂章介绍了js全屏显⽰显⽰代码的三种⽅法，有需要的朋友可以参考⼀下

第⼀种：

在已经打开的⼀个普通⽹页上，点击“全屏显⽰”，然后进⼊该⽹页对应的全屏模式。⽅法为：在⽹页的

ody>与之间加⼊以下代码：

代码如下:

如果全屏显⽰的不是本页，则只需要把on换为对应的⽹址即可，即如下代码：

代码如下:

全屏显⽰ onClick="('URL地址','big','fulls

creen=yes')">

第⼆种：

在运⾏⼀个⽹页时，⽐如你在⽹址栏⾥直接输⼊：localhost:8080/，此时关闭该⽹页，同

时显⽰⼀个空⽩的全屏⽹页，⽅法为：在body⾥写如下代码：

代码如下:

οnlοad=('','',fullscreen=1);opener=null;()>

第三种：

其实就是以上两种的叠加，⼀般这种情况也⽤的⽐较多。就是直接打开⼀个⽹页的时候，就进⼊它的全

屏模式，这种情况就和第⼀种不同了，因为第⼀种，当你点击了“全屏显⽰”按钮后，它是新打开⼀个全屏的⽹

页，但是原来普通的那个⽹页仍然有，所以，这个就⽐较好⼀些。⽅法为：建⽴两个jsp⽂件，第⼀个⾥只运

⾏如下代码，⽐如名字叫；第⼆个则是你实际要运⾏的内容，⽐如叫：：

:

代码如下:

οnlοad="('','_blank','fullscreen=1');opener=null;()">

:

代码如下:

<%@ page contentType="text/html;charset=GB2312" language="java" %>

这⾥就是我的全屏内容，再看看原来我们在地址栏⾥输⼊的，是不是关闭了？OK，搞定！

退出全屏

--------------------------------------------------------------------------------------------------------------------------------------

------------------------------

对于退出全屏，我上⽹也搜过很多资料，总体来说，都很难达到我们期望的⽬标，⽐如：我们可以加⼀个超

链接 在新窗⼝打开；也可以应⽤上⾯打开全屏的⽅法的逆⽅法来做。但是，⽆论

怎么搞，最后从全屏往普通模式切换的时候，总是相当于重新打开⼀个窗⼝，这样，加⼊我们原来的全屏模

式正在放电影，你如果切换⼀下成普通模式，就得重新加载，这肯定不⾏。下⾯这个⽅法，⼤致上还过的去

，只不过，它这个⽅法不叫全屏，相当于是把窗⼝向上平移了⼀定得⾼度，我们仍然可以拖动窗⼝。代码如

下：

代码如下:

<%@ page contentType="text/html;charset=GB2312" language="java" %>