js实现页面刷新、全屏、退出全屏

刷新

location.reload()

全屏与退出全屏

function fullScreen() {//全屏var de = document.documentElement;if (de.requestFullscreen) {de.requestFullscreen();} else if (de.mozRequestFullScreen) {de.mozRequestFullScreen();} else if (de.webkitRequestFullScreen) {de.webkitRequestFullScreen();}}function exitFullscreen() {//退出全屏if(document.exitFullscreen) {document.exitFullscreen();} else if(document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if(document.webkitExitFullscreen) {document.webkitExitFullscreen();}
}

js实现页面刷新、全屏、退出全屏相关推荐

html全屏/退出全屏按钮，以及监听Esc退出后按钮样式变更
全屏和退出全屏引用了layui里面的icon标签,也可以使用自己的图片,都可以. html: <div id="screenDiv"><!-- 以下是layui里 ...
vue自写全屏/退出全屏组件
页面代码 isFullscreen主要是判断当前是否为全屏状态,然后展示不同的文字和svg图标组件传入的值为当前需要全屏的模块div的id名 vue data中定义是否全屏的值,默认为false i ...
esc键退出全屏 vue_vue项目实现全屏,退出全屏，图标切换的解决方案
vue项目实现全屏,退出全屏,图标切换的解决方案 vue项目点击按钮实现全屏很容易,点击按钮退出全屏也很容易. fullScreen(){ var element=document.documentE ...
JS 监控页面刷新,关闭事件的方法（转载）
JS 监控页面刷新,关闭事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭都是为了学习-- onbefore ...
Js控制页面刷新（局部刷新全页面刷新）
局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下前两种使用方法基本上一样 $.get("Default. ...
js 全屏退出全屏
直接上代码: 全屏 function fullScreen() {var el = document.documentElement;var rfs = el.requestFullScreen || ...
three.js全屏退出全屏
window.addEventListener("dblclick", () => {const fullScreenElement = document.fullscree ...
【Vue实用功能】Vue实现浏览器全屏退出全屏
Vue实现浏览器全屏 vue代码 <v-btn class="ml-2" @click="fullScreen" v-show="!is_sma ...
浏览器切换全屏|退出全屏
一.进入全屏浏览器无法自启动以后立即触发进入全屏 function requestFullScreen() {var de = document.documentElement;if (de.re ...

js实现页面刷新、全屏、退出全屏

刷新

全屏与退出全屏

js实现页面刷新、全屏、退出全屏相关推荐

最新文章

热门文章