HTML DOM 存储 setItem() 方法用于通过传递给定的键名来删除存储对象项。语法以下是 Storage removeItem() 方法的语法：localStorage.removeItem(keyname, value);或sessionStorage.removeItem(keyname, value );这里，keyname 的类型为字符串，表示用于获取值的键名。第二个参数 value 表示将替换旧值的新值。示例让我们看看 Storage setItem() 方法的示例：实时演示 Storage setItem() 方法示例通过点击以下按钮创建本地存储项创建通过点击以下按钮显示本地存储项显示 ... 阅读更多

HTML DOM 存储 removeItem() 方法用于通过传递给定的键名来删除存储对象项。语法以下是 Storage removeItem() 方法的语法：localStorage.removeItem(keyname);或sessionStorage.removeItem(keyname);这里，keyname 的类型为字符串，表示要删除的项的名称。示例让我们看看 Storage removeItem() 方法的示例：Storage removeItem() 方法示例通过点击以下按钮删除本地存储项显示    localStorage.setItem("TEXT1", "HELLO WORLD");    function itemDelete() {       localStorage.removeItem("TEXT1");       itemShow();    }    function itemShow() {       var x = ... 阅读更多

HTML DOM 存储 length 属性用于获取浏览器存储对象中存在的项目数量。存储对象可以是 localStorage 对象或 sessionStorage 对象。语法以下是：使用 localStorage 对象的 Storage length 属性：localStorage.length;使用 sessionStorage 对象的 Storage length 属性：sessionStorage.length;示例让我们看看 Storage length 属性的示例：实时演示 Storage length 属性示例通过点击以下按钮获取本地存储对象中存储了多少个存储项获取数量    function itemNum() {       var num = localStorage.length; ... 阅读更多

HTML DOM 存储 key() 方法用于返回存储对象中给定索引处的键名。索引作为参数传递给 key() 方法。存储对象可以是 session 对象或 localStorage 对象。语法以下是：使用 localStorage 的 Storage key() 方法：localStorage.key(index);使用 sessionStorage 的 Storage key() 方法：sessionStorage.key(index);这里，index 的类型为整数，表示您要获取名称的键号。示例让我们看看 Storage key() 方法的示例：storage key() 方法示例通过点击以下按钮获取第一个对象键名 ... 阅读更多

HTML DOM 存储 getItem() 方法用于通过传递给定的键名来获取存储对象。它将返回键的值，如果不存在具有该给定名称的键，则将返回 NULL。语法以下是 Storage getItem() 方法的语法：localStorage.getItem(keyname);或sessionStorage.getItem(keyname);这里，keyname 的类型为字符串，表示要获取的项的名称。示例让我们看看 HTML DOM 存储 getItem() 方法的示例：实时演示 Storage getItem() 方法示例创建一个名为 CLICKS 的 localStorage 项来计算在创建上点击的次数 ... 阅读更多

当窗口的存储区域发生更改时，将触发 HTML DOM 存储事件。只有当其他窗口更改窗口的存储区域时，才会触发存储事件。此事件不会冒泡，并且也可以取消。语法以下是：window.addEventListener("storage", SCRIPT);示例让我们看看 Storage 事件的示例：Storage 事件示例通过点击以下按钮创建 visit localStorage 项创建    var y=1;    window.addEventListener("storage", DisplayChange);    function DisplayEvent(event) {       document.getElementById("Sample").innerHTML = "访问次数已 ... 阅读更多

HTML DOM stopPropagation() 事件方法用于停止给定元素的传播。这意味着点击父元素不会传播到子元素，点击子元素不会使用 stopPropagtion() 方法传播到父元素。事件传播也称为事件冒泡。语法以下是 stopPropagation() 事件方法的语法：event.stopPropagation()示例让我们看看 stopPropagation() 事件方法的示例：实时演示    #DIV_1 {       background: lightpink;       width:130px;       height:130px;       margin-left:40%;       text-align:center;    } ... 阅读更多

HTML DOM span 对象与 HTML 元素相关联。我们可以分别使用 createElement() 和 getElementById() 方法创建和访问 span 元素。语法以下是：创建 span 对象：var a = document.createElement("SPAN");示例让我们看看 span 对象的示例：实时演示 Span 对象示例通过点击以下按钮创建 span 元素创建这是 p 元素内的一些文本    function createSpan() {       var s = document.createElement("SPAN");       var txt = document.createTextNode("这是 span 元素内的一些文本");     ... 阅读更多

HTML DOM source 对象与 HTML 元素相关联。我们可以分别使用 createElement() 和 getElementById() 方法创建和访问 source 元素。语法以下是：创建 source 对象：var p= document.createElement("SOURCE");示例让我们看看 source 对象的示例：实时演示 Source 对象示例通过点击以下元素为以上元素添加音频源。创建    function createSrc() {       var s = document.createElement("SOURCE");       s.setAttribute("src", "sample.mp3");       s.setAttribute("type", "audio/mpeg");       document.getElementById("AUDIO_1").appendChild(s);       document.getElementById("Sample").innerHTML="The ... 阅读更多

HTML DOM small 对象与 HTML 元素相关联。我们可以分别使用 createElement() 和 getElementById() 方法创建和访问 small 元素。语法以下是：创建 small 对象：var s= document.createElement("SMALL");示例让我们看看 small 对象的示例：Small 对象示例通过点击以下按钮创建包含一些文本的 small 元素创建这是普通文本    function CreateSmall() {       var s = document.createElement("SMALL");       var txt = document.createTextNode("这是小文本");       s.appendChild(txt);       document.body.appendChild(s);    } ... 阅读更多