使用JavaScript使浏览器进入全屏或退出全屏

news/2024/7/10 22:50:22 标签: javascript, 前端, es6

使用JavaScript使浏览器进入全屏或退出全屏

首先使用fullscreenElement判断浏览器是否在全屏状态。

如果是:则调用exitFullscreen函数退出全屏,否则调用requestFullscreen进入全屏。

代码如下:

javascript">		function fullScreenOrOff() {
            if (!document.fullscreenElement) {
            	//进入全屏
                document.documentElement.requestFullscreen();
            } else {
                if (document.exitFullscreen) {
                	//退出全屏
                    document.exitFullscreen();
                }
            }
        }

http://www.niftyadmin.cn/n/965403.html

相关文章

Linux 安装 Apache 及配置运行

Linux 安装 Apache 及配置运行 文章目录Linux 安装 Apache 及配置运行0:前言1:安装apr2:安装expat-devel3:安装apr-util4:安装apache5:运行apache--------------------------------------------------------------notice 1:关于AH00558: httpd: Could not reliably determine t…

Object.create()原理,Object.create()规范,手写Object.create(),Object.create()用法

文章目录1:Object.create()用法2:Object.create()原理规范2.1:规范2.2:实现1:Object.create()用法 使用现有对象创建包含它的新对象,将该对象分配给新对象的原型上。 let obj {name:anny}let newObj Obj…

了解HTML表单之form元素

前面的话 表单是网页与用户的交互工具&#xff0c;由一个<form>元素作为容器构成&#xff0c;封装其他任何数量的表单控件&#xff0c;还有其他任何<body>元素里可用的标签 表单能够包含<input>、<menus>、<textarea>、<fieldset>、<le…

javascript阻止事件默认行为,阻止事件传播冒泡,兼容IE

javascript阻止事件默认行为&#xff0c;阻止事件传播冒泡&#xff0c;兼容IE 文章目录javascript阻止事件默认行为&#xff0c;阻止事件传播冒泡&#xff0c;兼容IE1&#xff1a;兼容写法2&#xff1a;禁止元素默认行为3&#xff1a;禁止元素事件传播冒泡1&#xff1a;兼容写法…

javscript获取文件真实后缀名

文章目录javscript获取文件真实后缀名前言&#xff1a;错误的获取方法1&#xff1a;通过javascript获取正确的后缀名javscript获取文件真实后缀名 前言&#xff1a;错误的获取方法 过去获取文件的步骤是什么&#xff1f; 第一个想到的是根据文件的输入得到的文件&#xff0c…

iOS8开发~Swift(一)入门

一、概论及Swift介绍 iOS7刚公布多时候&#xff0c;苹果引入了JavaScriptCore.framework用来处理JavaScript&#xff0c;看到了能够接触其它编程语言的契机&#xff0c;使iOS程序猿不用吊死在OC这一颗树上。当但iOS8公布的时候。简直Hold不住了。新的开发语言《Swift》出现了&a…

javascript获取文件sha-256,sha-384,sha-512摘要,验证文件是否被篡改,验证文件一致性,文件安全管理,计算文件的MD5值

javascript获取文件sha-256,sha-384,sha-512摘要,验证文件是否被篡改&#xff0c;验证文件一致性&#xff0c;文件安全管理&#xff0c;计算文件的MD5值 文章目录javascript获取文件sha-256,sha-384,sha-512摘要,验证文件是否被篡改&#xff0c;验证文件一致性&#xff0c;文件…

Git配置SSH服务,上传SSH-key(详细简单),生成ssh密钥,ssh免密登录

Git配置SSH服务&#xff0c;上传SSH-key(详细简单)&#xff0c;生成ssh密钥&#xff0c;ssh免密登录 文章目录Git配置SSH服务&#xff0c;上传SSH-key(详细简单)&#xff0c;生成ssh密钥&#xff0c;ssh免密登录1&#xff1a;准备工作1.1&#xff1a;检查用户信息1.2&#xff1…