原创 HTML5的Web存儲應用
一 介紹 HTML5 web存儲,一個比cookie更好的本地存儲方式。 1、什麼是HTML5 Web存儲 使用HTML5可以在本地存儲用戶的瀏覽數據。 早些時候,本地存儲使用的是cookie。 但是Web存儲需要更加的安全與快速，這些
2020-06-22 11:22:21
原创 Javascript中的Cookie應用
一 什麼是 Cookie Cookie 是一些數據, 存儲於你電腦上的文本文件中。 當 web 服務器向瀏覽器發送 web 頁面時，在連接關閉後，服務端不會記錄用戶的信息。 Cookie 的作用就是用於解決 "如何記錄客戶端的用戶信息"
2020-06-22 10:21:20
原创 DOM模型事件傳播機制應用
一 介紹 DOM模型事件傳播先後沿着兩個方向傳播：在第一階段，也就是事件捕獲階段，事件從最頂層的對象依次向下傳播，因此先觸發頂層對象的事件處理函數，然後依次向下，直到傳播到事件所發生的最底層對象；接着進入第二階段，也就是事件冒泡階段，事
2020-06-22 09:44:45
原创 DOM模型轉發事件應用
一 介紹 DOM提供了dispatchEvent方法用於事件的轉發，該方法屬於Node對象，因此DOM的每個Node都可以調用該方法，從而將事件直接轉發到本節點。 二 代碼 <!DOCTYPE html> <html> <head
2020-06-22 09:44:33
原创 構建web離線應用
一 構建步驟 1、搭建web服務器 2、給<Html>元素增加manifest屬性 3、編輯manifest文件。 二 代碼 核心代碼： 1、HTML文件（index.html） <!DOCTYPE html> <htmlmani
2020-06-22 09:44:33
原创 IE瀏覽器的事件冒泡機制
一 介紹 1、當瀏覽者在頁面上執行了某個動作，頁面上實際上有多個元素可以響應該事件，假如單機頁面的某個按鈕，該按鈕又處於<div>元素之內，則實際上用戶既單機了該按鈕，也單擊了<div>元素。 2、IE中的事件傳遞方向是從事件發生的對象
2020-06-22 09:44:33
原创 跨瀏覽器訪問事件的方法
一 介紹 1、DOM事件模型和IE事件模型訪問事件對象的方式完全不同，因此需要寫一個跨瀏覽器的程序。 2、實現跨瀏覽器的通常做法是：將事件處理函數綁定到DOM對象的屬性上。 二 代碼 <!DOCTYPE html> <html>
2020-06-22 09:44:33
1
原创 使用navigator對象的geolocation獲取地理位置
一 介紹 HTML5爲navigator新增了一個geolocation屬性，這個屬性是一個Geolocation對象，通過該對象獲取瀏覽者的地理位置。 下面應用示範了geolocation的用法。 二 代碼 <script t
2020-02-22 12:11:13
1
原创 判斷瀏覽器在線狀態
一 介紹 爲了判斷瀏覽器的在線狀態，HTML 5提供了兩種方法來檢測是否在線。 1、navigator.onLine屬性：該屬性可返回當前是否在線。如果返回true，則表示在線，如果返回false，則表示離線。當網絡狀態發生變化時，該值
2020-02-22 12:11:13
原创 DHTML模型的screen對象
一 介紹 window對象有一個screen屬性，它返回當前瀏覽者的屏幕對象，可用於獲取用戶屏幕當前大小、色深、屏幕分辨率等參數。 下面應用示範了screen對象的常用屬性。 二 代碼 <script type="text/jav
2020-02-22 12:11:13
原创 基於Web Storage的客戶端留言板
一 代碼 <!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /> <meta http-equiv="Conte
2020-02-22 12:11:13
原创 分析瀏覽器的時間性能
一 介紹 HTML5爲window對象新增了performance屬性，也就是新增了一個全局可用的performance對象，就像document、navigator等對象一樣，通過該對象可以對瀏覽器進行相關分析。 二 代碼 <!
2020-02-22 12:11:13
原创 DHTML模型的location對象
一 介紹 window對象包含一個location屬性，該屬性可用於訪問該窗口或Frame所裝載文檔的地址。 下面應用示範了location對象的常用屬性。 二 代碼 <script type="text/javascript">
2020-02-22 12:11:13
原创 綁定DOM對象屬性來觸發事件處理函數
一 介紹 在處理Javascript的監聽事件處理函數時，常用到兩種方式： 1、通過綁定HTML元素的屬性 2、通過綁定DOM對象屬性 本篇介紹第2種方式來進行監聽事件處理 二 代碼 <!DOCTYPE html> <html>
2020-02-22 12:11:13
原创 Web Storage結構化存儲實現更復雜的本地留言板
一 介紹 Web Storage結構化存儲的實現步驟如下： 1、存儲結構化數據 1.1:把結構數據封裝在JSON對象中。 1.2:把JSON對象轉換爲字符串後再進行保存。 2、讀取結構化數據 2.1:讀取JSON格式的字符串。 2.2:
2020-02-22 12:11:13