html页面 request,HTML DOM requestFullscreen() 方法

HTML DOM requestFullscreen() 方法

requestFullscreen()方法用来在全屏模式下打开一个元素。

此方法需要特定的前缀才能在不同的浏览器中工作(请参考下面的浏览器兼容性)。

语法：HTMLElement.requestFullscreen()

示例/* 获取()元素以全屏显示页面 */

var elem = document.documentElement;

/* 全屏查看 */

function openFullscreen() {

if (elem.requestFullscreen) {

elem.requestFullscreen();

} else if (elem.mozRequestFullScreen) {/* Firefox */

elem.mozRequestFullScreen();

} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */

elem.webkitRequestFullscreen();

} else if (elem.msRequestFullscreen) { /* IE/Edge */

elem.msRequestFullscreen();

}

}测试看看‹/›

浏览器兼容性

表格中的数字指定了完全支持该方法的第一个浏览器版本。每个浏览器都需要一个特定的供应商前缀：Method

requestFullscreen()15.0(Webkit)9.0(moz)12.10(Webkit)5.1(Webkit)11.0(ms)

技术细节返回值：没有

更多实例

以全屏模式显示元素：

示例/* 获取()元素 */

var elem = document.getElementsByTagName("video")[0];

/* 全屏查看 */

function openFullscreen() {

if (elem.requestFullscreen) {

elem.requestFullscreen();

} else if (elem.mozRequestFullScreen) {/* Firefox */

elem.mozRequestFullScreen();

} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */

elem.webkitRequestFullscreen();

} else if (elem.msRequestFullscreen) { /* IE/Edge */

elem.msRequestFullscreen();

}

}测试看看‹/›

当页面处于全屏模式时，可以使用CSS设置页面样式：

示例div:-moz-full-screen {

background-color: pink;

}

div:-webkit-full-screen {

background-color: pink;

}

div:fullscreen {

background-color: pink;

}测试看看‹/›

html页面 request,HTML DOM requestFullscreen() 方法相关推荐

数据输出：如何将数据带给页面||SpringMVC除过在方法上传入原生的request和session外还能怎么样把数据带给页面
数据输出:如何将数据带给页面 SpringMVC除过在方法上传入原生的request和session外还能怎么样把数据带给页面 SpringMVC提供了一种可以临时给Session域中保存数据的方式 ...
027_jQuery DOM 元素方法
1. get()方法 1.1. 语法 $(selector).get(index) 1.2. 参数 1.3. jQuery中的get()函数是取得当前页面中所有匹配的DOM元素集合.这是取得所有匹配元 ...
Servlet页面间对象传递的方法
Servlet页面间对象传递的方法 1.request 2.session 3.application 4.cookie 5.其它的
html 动态调用php文件,html静态页面调用php文件的方法
html静态页面调用php文件的方法本文实例讲述了html静态页面调用php文件的方法.分享给大家供大家参考.具体方法如下: 静态页面中看上去好像是不能直接调用php文件的,但是却可以使用js调用方 ...
js中load载入html页面,使用jquery的load方法加载html页面，但是html引入的js不生效
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法. 做法: 将公共的 ht ...
dom选择方法的区别
早期的元素选择方法 1.document.getElementById();2.document.getElementsByName();3.document.getElementsByTagName ...
ASP.NET页面间数据传递的方法
本文我们将讨论的是ASP.NET页面间数据传递的几种方法,对此希望能帮助大家正确的理解ASP.NET页面间数据传递的用处以及便利性. 0.引言 Web页面是无状态的, 服务器对每一次请求都认为来自不同 ...
Flex 页面跳转四种方法
在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的 Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一 ...
【Vue】实现当前页面刷新的四种方法
目录前言方法一:location.reload 方法二:$router.go(0) 方法三:provide.inject和$nextTick 方法四:创建空白页前言这两周在写一个后台管理,每次 ...
JS 监控页面刷新,关闭事件的方法（转载）
JS 监控页面刷新,关闭事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭都是为了学习-- onbefore ...

html页面 request,HTML DOM requestFullscreen() 方法

html页面 request,HTML DOM requestFullscreen() 方法相关推荐

最新文章

热门文章