[学习笔记] HTML5+CSS3-充实笔记0626 [推广有奖]

50关注
6粉丝

大师

16%

还不是VIP/贵宾

威望: 1 级
论坛币: 84642 个
通用积分: 11083.4900
学术水平: 666 点
热心指数: 821 点
信用等级: 732 点
经验: 396608 点
帖子: 16257
精华: 0
在线时间: 3296 小时
注册时间: 2016-7-9
最后登录: 2024-4-24

楼主

HappyAndy_Lo 发表于 2019-6-27 08:38:05 |只看作者 |坛友微信交流群|倒序 |AI写论文

是否 +2 论坛币

k人参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

Notification对象

if(window.Notification){

if(Notification.permission == "granted"){

var notification = new Notification("桌面消息", {body:"这是由Notification对象创建的桌面消息！"});
}else{

document.getElementById("rButton").onclick = function(){
Notification.requestPermission();
};

};

}else alert("你的浏览器不支持。");

ch9. 本地存储与离线应用

HTML5中的两个应用

本地存储实现了Web应用对数据本地化存储的功能，为Web应用操作本地数据提供了一个标准
离线应用满足Web应用在离线状态下的正常操作（延伸了Web应用的功能）

sessionStorage（临时保存）
localStorage（永久保存）

都可以使用的API：

setItem(key, value);
getItem(key);
removeItem(key);
clear();
key(index);

一个示例：

<!DOCTYPE html>
<html>
<head>
   <title>9.1.1.html</title>
   <meta charset="utf-8" />
   <script type="text/javascript">
      function save(){
         var title = document.getElementById("txtTitle").value;
         var content = document.getElementById("txtContent").value;
         localStorage.setItem(title, content);
         document.getElementById("txtTitle").value = "";
         document.getElementById("txtContent").value = "";
         loadAll();
      }
      function search(){
         var title = document.getElementById("searchTitle").value;
         if(title==""){
               loadAll();
         }
         else{
               var content = localStorage.getItem(title);
               var searchContent = document.getElementById("searchContent");
               searchContent.innerHTML = "<h2>"+title +"</h2>" + content;
         }

      }