js 全屏显示和关闭页面
js使ie全屏显示(转)
文章分类:Web前端
第一种:
在已经打开的一个普通网页上,点击“全屏显示”,然后进入该网页对应的全屏模式。方法为:在网页的<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 οnlοad=window.open('','',fullscreen=1);opener=null;window.close()>
</body>
第三种:
其实就是以上两种的叠加,一般这种情况也用的比较多。就是直接打开一个网页的时候,就进入它的全屏模式,这种情况就和第一种不同了,因为第一种,当你点击了“全屏显示”按钮后,它是新打开一个全屏的网页,但是原来普通的那个网页仍然有,所以,这个就比较好一些。方法为:建立两个jsp文件,第一个里只运行如下代码,比如名字叫demo.jsp;第二个则是你实际要运行的内容,比如叫:temp.jsp:
demo.jsp:
<body οnlοad="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楼的回复:http://topic.csdn.net/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="全屏" οnclick="goResize()">
关闭页面
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
如果要关闭页面,那么只需要在页面中加上这么一个超链接即可:
<a href="javascript:self.close()" >关闭窗口</a>
js 全屏显示和关闭页面相关推荐
- uniapp 背景图片全屏显示在整个页面
要让uniapp中的背景图片全屏,可以在<style>标签中添加以下样式: page {background-image: url('/static/bg.jpg');background ...
- JSP网页全屏显示、退出全屏、关闭页面
[转]JSP网页全屏显示.退出全屏.关闭页面 jsp相关知识 2009-06-07 20:36:42 阅读108 评论0 字号:大中小 订阅 全屏显示 ---------------------- ...
- html中iframe全屏显示,如何让iframe中的元素全屏
最近项目中iframe让人恶心,iframe只要一出现,写的正常代码就容易出现各种bug,比如iframe中的元素不能document.getElementBy...正常获取,比如iframe中的元素 ...
- html 设置浏览器全屏显示,JavaScript控制浏览器全屏显示简单示例
本文实例讲述了JavaScript控制浏览器全屏显示.分享给大家供大家参考,具体如下: www.jb51.net JS全屏显示 全屏显示 退出全屏 // 判断各种浏览器,找到正确的方法 functio ...
- 使用JAVASCRIPT进行全屏显示页面,就像触摸屏显示效果
使用JAVASCRIPT进行全屏显示页面,就像触摸屏显示效果 <script type="text/javascript"> window.onload ...
- html 全屏显示某个区域,JS实现指定区域的全屏显示功能示例
本文实例讲述了JS实现指定区域的全屏显示功能.分享给大家供大家参考,具体如下: www.jb51.net js指定区域全屏 #fulldiv { background: #fff; width: 10 ...
- 【温故而知新-Javascript】窗口效果 (全屏显示窗口、定时关闭窗口)
1.全屏显示窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- JS实现新打开网页最大化or全屏显示
2019独角兽企业重金招聘Python工程师标准>>> 一个新的小功能,用户希望打开的页面可以全屏显示~唔~不是实现F11那种效果,只是填满任务栏上方的屏幕~ <script ...
- 微信小程序页面添加背景图,图片全屏显示
前言 微信的wxss里面不允许使用使用 background: url(),只能另外找方法进行背景图片显示. 方法 1.wxss页面里面设置页面的全屏宽高,以及view添加宽高 page{height ...
最新文章
- Linux系统mongdb还原数据库,linux下mongodb数据库备份与还原
- Slide:深入了解Oracle自动内存管理ASMM by Maclean Liu
- LINUX内核经典面试题30道及解答
- JGroups:无需额外基础架构的领导人选举
- 【LeetCode】剑指 Offer 50. 第一个只出现一次的字符
- Mapreduce中的分区Partitioner
- 未来教育考试系统无法答题,点击选项后没有反应,不会记录答题
- 网上商城的功能模块架构设计之(一)
- 2019-01-21-mqtt-mosquitto-启动Unable to load CA certificates
- 2023.3.5英语单词学习笔记
- wlh机器人_恐怖谷理论:人类对仿真机器人的天生恐惧
- Tekton task入门上
- 通用计算机仍旧遵循冯诺依曼,冯·诺依曼计算机体系
- 内部排序(五)快速排序(上)- 概述与选择枢轴
- msra数据集_ECCV 2020 | 通过聚类无标签数据来提高人脸识别能力
- Realme GT2大师探索版 ROOT 解锁BL教程
- 程序员的等级,各位属于哪一级的呢?
- UE4中Enum类型元素如何在蓝图中直接转成string
- Linux(ubuntu) 基础
- 通达信服务器在哪个文件夹,通达信软件系统公式在安装目录什么地方?