zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Pycharm如何自动换行
    Android逆向基础
    动态调试ELF文件Crackme
    用Hash 算法给payload瘦身
    010 editor手写pe文件
    win脱壳_压缩壳_aspack
    WannaCrypt0r分析报告
    JVM内存分区
    java设计模式(模板方法模式)
    es6
  • 原文地址:https://www.cnblogs.com/white-the-Alan/p/9059261.html
Copyright © 2011-2022 走看看