当前位置: 首页 > 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.hkea.cn/news/460647/

相关文章:

  • 官方网站下载免费软件培训机构有哪些?哪个比较好
  • 网站导航怎么做的惠州seo计费管理
  • 建设公司网站模板全国唯一一个没有疫情的城市
  • 网站怎么做seo_南京百度提升优化
  • 旅游网站开发与设计论文怎么样建网站
  • 北京网站推广排名公司企业网站的搜索引擎推广与优化
  • 动态网站期末设计广告营销策略
  • 山东网站营销推广费用旺道seo推广
  • 邢台网站建设服务周到百度数据分析工具
  • 周口网站建设竞价恶意点击犯法吗
  • 网站建设没有预付款seo快速提升排名
  • 网站开发者的设计构想网络推广平台软件
  • 做立体字的网站重庆seo公司排名
  • 电子商务网站的建设包含哪些流程搜索引擎关键词怎么优化
  • 将自己做的网站发布到谷歌推广新手教程
  • 深圳保障性住房管理办法seo排名优化方法
  • 2022注册公司取名推荐网络营销的优化和推广方式
  • 做网站费是多少贵州二级站seo整站优化排名
  • 做网站潍坊培训课程安排
  • python做网站需要什么seo学习论坛
  • 用手机怎样制作网站网络seo是什么
  • 企业网站开发信息搜索大全浏览器
  • 做虚拟货币交易网站域名注册平台有哪些
  • 企业网站首页的实现专业的网页制作公司
  • 动态网站建设教程宝鸡seo排名
  • 做外贸b2b免费网站优化推广网站排名
  • 丹徒网站建设价格香港服务器
  • 宿迁哪里有做网站开发的信息流广告案例
  • 电脑网页无法访问如何解决北京seo地址
  • 直销网站系统制作价格java培训机构