原创 簡單解析Ajax中onreadystatechange事件的readyState屬性和status屬性
簡單解析Ajax中的onreadystatechange 事件 onreadystatechange 事件 當請求被髮送到服務器時，我們需要執行一些基於響應的任務。每當 readyState 改變時，就會觸發 onreadysta
2020-06-13 06:46:00
原创 詳細解析cookie，sessionStroage和localStroage的區別
詳細解析cookie，sessionStroage和localStroage的區別 前面我們說到了JavaScript中的緩存對象，主要是cookie,sessionStroage和localStroage，今天我們來講一下這三者
2020-06-11 13:41:13
原创 簡單解析JavaScript的默認事件及如何阻止默認事件
簡單解析JavaScript的默認事件及如何阻止默認事件 上篇文章就提到，在JavaScript中提到事件冒泡兩個必不可少也要提的就是事件捕獲和默認事件，現在來聊一聊什麼是默認事件，及如何阻止默認事件。 1.什麼是默認事件 顧名思
2020-06-11 13:41:13
原创 史上最詳細的DOM事件之剪貼板事件
史上最詳細的DOM事件之剪貼板事件 上篇博客講了DOM的表單事件，這篇博客我們來講一講DOM的剪貼板（ClipboardEvent）事件。 HTML代碼： <div id="box">hello world</div>
2020-06-11 13:41:13
原创 史上最詳細的DOM事件之鍵盤事件
史上最詳細的DOM事件之鍵盤事件 上篇博客講了DOM的鼠標事件，這篇博客我們來講一講DOM的鍵盤事件。 HTML代碼： <input type="text" name="" id="text"> <input ty
2020-06-11 13:41:13
原创 JavaScript實現一串div跟隨鼠標移動效果（幻影效果）
JavaScript實現一串div跟隨鼠標移動效果 上一篇博文我們說到了利用JavaScript實現div塊跟隨鼠標移動的效果。現在來講一個進階版，實現一串div跟隨鼠標移動效果，鼠標幻影效果。如圖： HTML代碼： <
2020-06-11 13:41:13
11
原创 詳細解析DOM事件的event事件對象（一）
詳細解析DOM事件的event事件對象（一） 近期我們一直在學習DOM，馬上到了尾期了，今天來說一下DOM事件的event事件對象。這裏我們先解析一下鍵盤和鼠標事件的event對象屬性。 HTML代碼： <form>
2020-06-11 13:41:13
原创 BOM中window對象的方法之彈窗
BOM中window對象的方法之彈窗 之前介紹了window對象的屬性，接下來說一說window對象的方法。當然方法有好些，這裏主要講一下window對象的彈窗方法。 // alert() 顯示帶有一段消息和一個確認按鈕的
2020-06-11 13:41:13
原创 JavaScript實現鼠標拖拽效果
JavaScript實現鼠標拖拽效果 前幾篇博客一直在講鼠標的移動事件相關的效果，今天再來講一講如何利用鼠標事件實現拖拽div塊移動的效果。效果如圖： HTML代碼： <div id="box"></div> CSS代
2020-06-11 13:41:13
原创 史上最詳細的DOM事件之拖動事件
史上最詳細的DOM事件之拖動事件 上篇博客講了DOM的剪貼板事件，這篇博客我們來講一講DOM的拖動(DragEvent)事件。 HTMl代碼： <img src="../../CSS/0421/car.jpg" dragg
2020-06-11 13:41:12
原创 詳解BOM的存儲對象
詳解BOM的存儲對象 今天來講一下BOM中的最後一部分內容，BOM的存儲對象。在JavaScript中以前有cookie對象可以對一部分數據進行存儲，但是安全性低，並且容量有限。所有就有了現在的BOM中的存儲對象 sessionS
2020-06-11 13:41:12
原创 簡單解析BOM中Screen對象
簡單解析BOM中Screen對象 Screen 對象包含有關客戶端顯示屏幕的信息。 console.log(screen); // 屬性 // availHeight 返回屏幕的高度（不包括Windo
2020-06-11 13:41:12
原创 最簡單的利用原生js模擬電視機屏保效果
最簡單的利用原生js模擬電視機屏保效果 小的時候記得家裏剛用彩色電視機時，看電視還要用天線，當天線信號不好時，電視屏幕就會進入到屏保狀態，有一串文字在屏幕內“撞來撞去”。下面我們來講一下如何實現下圖這個效果： HTML代碼：
2020-06-11 13:41:12
原创 JavaScript實現div塊跟隨鼠標移動效果
JavaScript實現div塊跟隨鼠標移動效果 前面講了這麼多DOM事件有關的屬性等，現在我們進行一些相關的練習，實現div塊跟隨鼠標移動效果，如圖： HTML代碼： <div id="box"></div> CSS
2020-06-11 13:41:12
1
原创 利用Javascript製作輪播圖最終版--滑動效果
JS最快速度製作滑動效果的輪播圖 前面幾篇博客一直在講輪播圖的製作，這篇博客是最終版，實現輪播圖的滑動效果。如圖： HTML代碼： <div class="box" id="box"> <ul class
2020-06-11 13:41:12