当前位置: 首页 > news >正文

深圳常平网站建设制作公司互联网营销专家

深圳常平网站建设制作公司,互联网营销专家,学校网站设计流程,长沙网站建设索王道下拉浏览器可能是处于安全的考虑,无法实现进入页面自动全屏,只能通过用户操作的形式触发全屏!!! ps:可以通过登录按钮触发登录成功自动全屏 实测vue中可通过登录点击事件加载组件自动全屏 import { useFulls…

浏览器可能是处于安全的考虑,无法实现进入页面自动全屏,只能通过用户操作的形式触发全屏!!!

ps:可以通过登录按钮触发登录成功自动全屏

实测vue中可通过登录点击事件加载组件自动全屏

import { useFullscreen } from '@vueuse/core'const { isFullscreen, enter, exit, toggle } = useFullscreen();toggle();

同理这个应该也可以实现(没有测试)

import screenfull from 'screenfull'
// 切换全屏
screenfull.toggle()

第一种形式:点击按钮实现全屏和退出全屏 

<!DOCTYPE html>
<html><head><script>window.onload = openfullscreen();function launchIntoFullscreen(element) {if (element.requestFullscreen) {element.requestFullscreen();} else if (element.mozRequestFullScreen) {element.mozRequestFullScreen();} else if (element.webkitRequestFullscreen) {element.webkitRequestFullscreen();} else if (element.msRequestFullscreen) {element.msRequestFullscreen();}}function openfullscreen() {launchIntoFullscreen(document.documentElement);}function exitFullscreen() {if (document.exitFullscreen) {document.exitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();}window.close();}function fix() {var screenwidth = screen.width;var screenhei = screen.height;document.getElementById("ifam").width = screenwidth;document.getElementById("ifam").height = screenhei;}</script><style>#ifam {position: fixed;left: 0%;top: 0%;z-index: -1;}#fullscreen {position: fixed;left: 0%;top: 0%;z-index: 1;}</style></head><body onload="fix()"><div id="fullscreen"><button onclick="openfullscreen()">Open</button><button onclick="exitFullscreen()">Exit</button></div><iframe id="ifam" src="https://docs.python.org"></iframe></body>
</html>

第二种形式:点击页面任何位置实现全屏 

<html><head><script language="jscript">function goFullscreen() {// Must be called as a result of user interaction to workmf = document.getElementById("main_frame");mf.webkitRequestFullscreen();mf.style.display = "";}function fullscreenChanged() {if (document.webkitFullscreenElement == null) {mf = document.getElementById("main_frame");mf.style.display = "none";}}document.onwebkitfullscreenchange = fullscreenChanged;document.documentElement.onclick = goFullscreen;document.onkeydown = goFullscreen;</script></head><body style="margin: 0"><h1>Click anywhere or press any key to browse <u>Python documentation</u> infullscreen.</h1><iframeid="main_frame"src="https://docs.python.org"style="width: 100%; height: 100%; border: none; display: none"></iframe></body>
</html>

http://www.zhongyajixie.com/news/16336.html

相关文章:

  • 网站 数据库 sql 导入数据库文件爱链
  • 只做恐怖片的网站网站下载免费软件
  • 网络宣传网站建设定制中国市场营销网
  • 免费建购物网站国内网站排名
  • 卢龙建设银行官网网站seo含义
  • 海外引流推广平台seo优化实训总结
  • 深圳建网站兴田德润实惠百度指数功能有哪些
  • 装修公司最怕三种人seo牛人
  • 广州网站建站平台站长工具seo排名
  • 做网站维护费是怎么算的怎么做
  • 佛山医疗网站建设整合营销策划方案
  • winserver wordpress合肥网络seo
  • 牛 网站建设石景山区百科seo
  • 极简风格网站介绍下载安装百度
  • 新品发布会方案seo上排名
  • 电子商务网站的建设与流程网上软文发稿平台
  • 免费手工活外发加工网站推广学院seo教程
  • 社交网站页面设计百度贴吧网页版入口
  • 佛山企业网站建设机构网络营销方案的范文
  • 网站优化北京联系电话?镇江搜索优化技巧
  • 海口建站模板厂家 百度一下
  • 如何做公司培训网站怎么做网站?
  • 访问外国网站速度慢seo推广优化服务
  • 做网站的故意给中病毒网络营销推广有哪些方法
  • 导入表格做地图中热力网站网站优化入门
  • wordpress 超链接插件网站优化排名易下拉稳定
  • asp网站文章自动更新windows7系统优化工具
  • 如果只做p2p种子搜索网站网络推广员有前途吗
  • 网站做的自适应体验差产品营销策略怎么写
  • wordpress版本编辑器合肥网络seo推广服务