代码运行js特效js全屏显⽰显⽰代码的三种⽅法
第⼀种：
在已经打开的⼀个普通⽹页上，点击“全屏显⽰”，然后进⼊该⽹页对应的全屏模式。⽅法为：在⽹页的<body>与</body>之间加⼊以下代码：
复制代码代码如下:
<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>
第⼆种：
在运⾏⼀个⽹页时，⽐如你在⽹址栏⾥直接输⼊：localhost:8080/temp.jsp，此时关闭该⽹页，同时显⽰⼀个空⽩的全屏⽹页，⽅法为：在body⾥写如下代码：
复制代码代码如下:
<body onload=window.open('','',fullscreen=1);opener=null;window.close()>
</body>
第三种：
其实就是以上两种的叠加，⼀般这种情况也⽤的⽐较多。就是直接打开⼀个⽹页的时候，就进⼊它的全
屏模式，这种情况就和第⼀种不同了，因为第⼀种，当你点击了“全屏显⽰”按钮后，它是新打开⼀个全屏的⽹页，但是原来普通的那个⽹页仍然有，所以，这个就⽐较好⼀些。⽅法为：建⽴两个jsp⽂件，第⼀个⾥只运⾏如下代码，⽐如名字叫demo.jsp；第⼆个则是你实际要运⾏的内容，⽐如叫：temp.jsp：
demo.jsp:
复制代码代码如下:
<body  onload="window.open('temp.jsp','_blank','fullscreen=1');opener=null;window.close()">
</body>
temp.jsp:
复制代码代码如下:
<%@ page contentType="text/html;charset=GB2312" language="java" %>
<html>
<body>
这⾥就是我的全屏内容，再看看原来我们在地址栏⾥输⼊的demo.jsp，是不是关闭了？OK，搞定！
</body>
</html>
退出全屏
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
对于退出全屏，我上⽹也搜过很多资料，总体来说，都很难达到我们期望的⽬标，⽐如：我们可以加⼀个超链接 <a href="" target="_blank">在新窗⼝打开；也可以应⽤上⾯打开全屏的⽅法的逆⽅法来做。但是，⽆论怎么搞，最后从全屏往普通模式切换的时候，总是相当于重新打开⼀个窗⼝，这样，加⼊我们原来的全屏模式正在放电影，你如果切换⼀下成普通模式，就得重新加载，这肯定不⾏。但是，没办法，我现在就参看这篇帖⼦⾥的5楼的回复：
topic.csdn/t/20021028/12/1130882.html，就这个⽅法，⼤致上还过的去，只不过，它这个⽅法不叫全屏，相当于是
把窗⼝向上平移了⼀定得⾼度，我们仍然可以拖动窗⼝。代码如下：
复制代码代码如下:
<%@ page contentType="text/html;charset=GB2312" language="java" %>
<script  language="JScript">
var  o=1;
function  goResize()
{
var  d=document.body,e=event,m=event.srcElement;o?
new  function(){moveBy(e.clientX-e.screenX,e.clientY- e.screenY);resizeBy(screen.availWidth-
d.offsetWidth,screen.availHeight- d.offsetHeight);m.value="取消";o=0}:
new  function(){moveTo(0,0);resizeTo(screen.availWidth,screen.availHeight);m.value="全屏";o=1}
}
</script>
<input  type="button"  value="全屏"  onclick="goResize()">
关闭页⾯
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
如果要关闭页⾯，那么只需要在页⾯中加上这么⼀个超链接即可：
复制代码代码如下:
<a href="javascript:self.close()" >关闭窗⼝</a>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。