星空网 > 软件开发 > Java

js实现全屏

 

详细内容请点击

 

1、window.open方式

第一种:

在已经打开的一个普通网页上,点击“全屏显示”,然后进入该网页对应的全屏模式。方法为:在网页的<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>

第二种:

在运行一个网页时,比如你在网址栏里直接输入:http://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>

2、模拟F11功能(不支持多浏览器)方式

<SCRIPT LANGUAGE="JavaScript"> <!-- function fullscreen(){ //在ie下可行 var wsh = new ActiveXObject("WScript.Shell"); wsh.sendKeys("{F11}"); } //--> </SCRIPT>

 

更多js内容请点击

 




原标题:js实现全屏

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

老外爆料:展会上最让买家讨厌的20种行为 !:https://www.ikjzd.com/articles/90469
深圳跨境大卖百事泰2018业绩报告:净利增长近3倍:https://www.ikjzd.com/articles/90470
即日起,印度外贸总局禁止从中国进口这类商品!:https://www.ikjzd.com/articles/90472
安克创新拟申请首次公开发行股票并在创业板上市:https://www.ikjzd.com/articles/90473
血的教训!Lazada 2年多收我店铺1000万!:https://www.ikjzd.com/articles/90474
怎样在Facebook中找到靠谱的测评队伍:https://www.ikjzd.com/articles/90475
别犹豫了,品牌种草营销就是现在!:https://www.kjdsnews.com/a/1836479.html
安能物流的2024:变革不能停:https://www.kjdsnews.com/a/1836480.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流