如何使用 HTML5 的 Notification API

使用HTML5的NotificationAPI的方法：1、申請(qǐng)權(quán)限出于安全考慮，要發(fā)送桌面消息，需要先申請(qǐng)用戶授權(quán)。Notification對(duì)象提供了一個(gè)靜態(tài)的方法——requestPermission()，它接收一個(gè)回調(diào)函數(shù)作為參數(shù)，并把返回值傳遞給回調(diào)函數(shù)作為參數(shù)：Noti

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、商城網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、成都商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為商城等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

什么是API?HTML5的API是什么?能通俗易懂點(diǎn)的?不要復(fù)制

應(yīng)用程序接口，開(kāi)發(fā)程序的時(shí)候我們需要調(diào)用api，為什么需要調(diào)用api呢？因?yàn)楹芏嘞到y(tǒng)的操作我們自己寫(xiě)程序是完成不了的，這就需要調(diào)用人家寫(xiě)好的方法，這個(gè)方法就是人家提供的api。比如獲取瀏覽器的版本，我們只要調(diào)用一個(gè)關(guān)于version方面的方法就可以得到版本信息，具體怎么得到的是人家在低層寫(xiě)好的。HTML5同樣這個(gè)道理，什么getElementById();這些方法都成為api，如果人家不給你提供這個(gè)方法，你就沒(méi)法得到一個(gè)dom元素。所以說(shuō)查api文檔，就是查那些人家寫(xiě)好的方法。

html5定義中api是什么意思?

api就是接口，html里面的api也不例外，也是些編程接口，是你訪問(wèn)一些編碼指令和一些標(biāo)準(zhǔn)的一個(gè)接口一個(gè)集合，就跟插座一樣，是電和電器的一個(gè)接口。比如html5里面的canvas，是繪圖的一個(gè)api，html5獲取地理位置的api，即時(shí)通信的api，文件讀取api等等，通過(guò)這些api來(lái)訪問(wèn)標(biāo)準(zhǔn)里面的指令編碼，來(lái)操縱相應(yīng)的操作。

如何使用HTML5實(shí)現(xiàn)全屏API

現(xiàn)在主流瀏覽器基本上實(shí)現(xiàn)了全屏效果，但是不同瀏覽器實(shí)現(xiàn)不一樣：

【進(jìn)入和退出全屏】

// Webkit (works in Safari5.1 and Chrome 15)

element.webkitRequestFullScreen();

document.webkitCancelFullScreen();

// Firefox 10+

element.mozRequestFullScreen();

document.mozCancelFullScreen();

// W3C 提議

element.requestFullscreen();

document.exitFullscreen();

//進(jìn)入全屏

function requestFullScreen() {

var de = document.documentElement;

if (de.requestFullscreen) {

de.requestFullscreen();

} else if (de.mozRequestFullScreen) {

de.mozRequestFullScreen();

} else if (de.webkitRequestFullScreen) {

de.webkitRequestFullScreen();

}

}

//退出全屏

function exitFullscreen() {

var de = document;

if (de.exitFullscreen) {

de.exitFullscreen();

} else if (de.mozCancelFullScreen) {

de.mozCancelFullScreen();

} else if (de.webkitCancelFullScreen) {

de.webkitCancelFullScreen();

}

}

//調(diào)用

document.body.addEventListener('click',function(){

requestFullScreen();

//5秒鐘自動(dòng)退出全屏

setTimeout(function(){

exitFullscreen();

},5000);

},false);

檢查全屏狀態(tài)變化 Detecting fullscreen state change

document.addEventListener("fullscreenchange", function () {

fullscreenState.innerHTML = (document.fullscreen)? "" : "not ";

}, false);

document.addEventListener("mozfullscreenchange", function () {

fullscreenState.innerHTML = (document.mozFullScreen)? "" : "not ";

}, false);

document.addEventListener("webkitfullscreenchange", function () {

fullscreenState.innerHTML = (document.webkitIsFullScreen)? "" : "not ";

}, false);

css的全屏樣式 Styling fullscreen

在css中，我們有幾個(gè)偽類來(lái)給全屏設(shè)置樣式，一般是 full-screen 這個(gè)偽類，然后會(huì)自動(dòng)再全屏的時(shí)候生效

html:-moz-full-screen {

background: red;

}

html:-webkit-full-screen {

background: red;

}

html:fullscreen {

background: red;

}

全屏狀態(tài)下的鍵盤(pán)輸入 Full screen with key input

為了安全原因，很多情況下全屏輸入都是被阻塞禁止的，但是chrome允許通過(guò)下面的API來(lái)允許鍵盤(pán)輸入

docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

這個(gè)只在chrome支持，其他瀏覽器不支持。firefox計(jì)劃使用requestFullscreenWithKeys 方法來(lái)支持鼠標(biāo)輸入，但是會(huì)觸發(fā)用戶通知已保證安全。

firefox10以上，chrome 15和safari5.1以上都支持了。

HTML5新增了哪些內(nèi)容或API，使用過(guò)哪些

(1)繪畫(huà) canvas;

(2)用于媒介回放的 video 和 audio 元素;

(3)本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;

(4)sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除;

(5)語(yǔ)意化更好的內(nèi)容元素，比如 article、footer、header、nav、section;

(6)表單控件，calendar、date、time、email、url、search;

(7)新的技術(shù)webworker, websocket, Geolocation;

網(wǎng)頁(yè)標(biāo)題：html5的api,HTML5是啥
文章來(lái)源：http://aaarwkj.com/article20/dssgijo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站改版、、Google、App設(shè)計(jì)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)