• H5新特性---新应用


    1、持久化本地存储

      可以不通过第三方插件实现数据的本地存储

    2、WebSocket

      页面之间可以双向通信

    3、服务器推送事件(SSE)

      从Web服务器将消息推送给浏览器(在手机中常见)

    例如:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>LocalStorage</title>
    </head>
    <body>
    <h2 id="hun"> </h2>
    <input type="text" name="username" id="username">
    <button type="button" onclick="savename()">SaveUserName</button> //保存数据
    <button type="button" onclick="loadname()">LoadName</button> //加载之前保存的数据并通过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>
  • 相关阅读:
    JobHistory搜索智能化
    JobHistory搜索智能化
    JobHistory搜索智能化
    Hadoop Ls命令增加显示条数限制参数
    Hadoop Ls命令增加显示条数限制参数
    Markdown的简单用法
    Markdown常用编辑器
    搜索引擎的使用
    avalon.js 文字显示更多与收起
    浏览器访问网页的详细内部过程
  • 原文地址:https://www.cnblogs.com/white-the-Alan/p/9059261.html
Copyright © 2020-2023  润新知