H 5新特性---新応用

5694 ワード

H 5新特性---新応用
1、ローカルストレージの持続化
サードパーティ製プラグインを使用せずにデータのローカルストレージを実現
 
2、WebSocket
ページ間の双方向通信
 
3、サーバープッシュイベント(SSE)
Webサーバからブラウザにメッセージをプッシュする(携帯電話でよく見られる)
 
例:
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LocalStoragetitle>
head>
<body>
<h2 id="hun"> h2>
<input type="text" name="username" id="username">
<button type="button" onclick="savename()">SaveUserNamebutton> //    
<button type="button" onclick="loadname()">LoadNamebutton> //            H2  
<script>
    function savename() { //    
        var un = document.getElementById("username").value; //  document  username  
        console.log(un); //     console             
        localStorage.username = un; //  localStorage           ,      ,
    }
    function loadname() { //    
        var  h2un = document.getElementById("hun"); //    h2    
        h2un.innerHTML = localStorage.username;  //   h2          .innerHTML,      localStorage          H2   
    }
script>
body>
html>

 
posted on
2018-05-19 09:15雪の中のAlan読書(
...) コメント(
...) コレクションの編集
転載先:https://www.cnblogs.com/white-the-Alan/p/9059261.html