六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 129|回复: 0

你可能不知道的5个功能强大的 HTML5 API

[复制链接]

升级  4.96%

1074

主题

1074

主题

1074

主题

榜眼

Rank: 8Rank: 8

积分
3248
 楼主| 发表于 2012-12-22 20:45:50 | 显示全部楼层 |阅读模式
<div id="cnblogs_post_body">  HTML5 新增了许多重要的特性,像 video、audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API。而其它的新元素,例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 JavaScript API,下面这5个 HTML5 API 你可能不知道,通过今天这篇文章可以了解一下。
Fullscreen API

  这个 HTML5 全屏 API 让 Web 开发者可以通过编程控制页面的全屏显示。这个 API 对于 JavaScript 游戏开发特别有用,例如这款单人射击游戏 BananaBread,在全屏状态下玩那是相当酷。
<div class="cnblogs_Highlighter">// 根据目标元素调用相应的方法function launchFullScreen(element) {  if(element.requestFullScreen) {    element.requestFullScreen();  } else if(element.mozRequestFullScreen) {    element.mozRequestFullScreen();  } else if(element.webkitRequestFullScreen) {    element.webkitRequestFullScreen();  }}// 在支持的浏览器中启动全屏launchFullScreen(document.documentElement); // 整个页面launchFullScreen(document.getElementById("videoElement")); // 单个元素
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表