js实现全屏

摘要:
详情请点击1.window第一种打开方式:在打开的普通网页上点击“全屏显示”,然后进入该网页对应的全屏模式。方法是:创建两个jsp文件。第一个只运行以下代码,例如demo。jsp;第二个是您实际想要运行的内容,例如:temp.jsp:demo。jsp:temp jsp:这是我的全屏内容,然后看看我们在地址栏中输入的演示。模拟F11函数模式有关更多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实现全屏》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇WIN APIVFP获取第三方窗体的控件信息(句柄,窗口ID,进程ID,类名,标题Brocade交换机开关机注意事项下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Echarts(曲线图)

写在前面: 最近项目中用到了Echarts做趋势图,博主通过万能的度娘研究了一下。Echarts字段的使用基本都写在代码注释里了,这是博主的第一篇博客,如果哪里写的不好望大家见谅,最后希望本篇博客对大家有一些帮助。 1. 下载Echarts.js包 使用Echarts需要先下载Echarts.js包,大家可以从Echarts官网下载, 或者可以从博主提供的...

C#结合js 上传文件和删除文件(技术点有:asp.net mvc ,nhibernate,ajax等)

之前做项目的时候要用到上传文件的功能,现在我总结一下,上传文件和删除文件的代码,在以后的使用的过程中也更方便查找。 [HttpPost] public ActionResult EditUser() { var userDal = new UserDal(); cons...

js~ajax获取后端HTTP状态的几种情况

jquery发起ajax请求到后端接口,后端向前端返回数据,当然也存在后端接口直接重定向(302)到其它接口,然后再向前端返回数据,当然这种情况需要考虑跨域问题。 前端代码 //测试一下http status $.ajax({ type: "get", url: "/redirect",...

js中iframe的用法

最近遇到的项目总是习惯左边一个树,点击每个树的节点右边出现相应的信息,遇到这种情况用iframe还是很简单的, 例如 : 页面文件 1 @section Tree{ 2 <ul id="tree"> 3 </ul> 4 5 } 6 @section Search 7 { 8 } 9 <i...

全面理解js面向对象

前言 当今 JavaScript 大行其道,各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用,从而忽略了对原生 JavaScript 的学习和深入理解。所以,经常出现的情况是,很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明,即使使用了框架,其代码组织也非常糟糕。这都是对...

js实现生成PDF文件的方案

  前段时间做vue管理端的项目,遇到这样的需求:需要前端来生成PDF文件。查找了相关的资料大致有这样的几种方案: 1.通过window.print()方法,打印当前窗口的内容。 2.通过两个插件实现,jspdf + html2canvas,本文着重说一下第二种用法。   工欲善其事必先利其器,首先我们在项目安装一下这两个插件。    npm instal...