14天入門JavaScript-day one

tomlingtm 發布于2019-08-20 12:02 / 2646人閱讀

摘要：第一天總結的是一些事件中的鼠標事件事件中主要的都是對樣式的顯示隱藏，其中最簡單的就是使用事件對屬性進行顯示隱藏或者改變屬性方法用于顯示帶有一條指定消息和一個按鈕的警告框。當鼠標指針移動到元素上時觸發。鼠標按鍵被松開。

第一天總結的是一些HTML DOM 事件中的鼠標事件

js事件中主要的都是對樣式的顯示隱藏，display:none or display:block

其中最簡單的就是使用onclick事件對屬性進行顯示隱藏或者改變class屬性

demo1

alert() 方法用于顯示帶有一條指定消息和一個 OK 按鈕的警告框。

語法

alert(message)

要在 window 上彈出的對話框中顯示的純文本（而非 HTML 文本）

demo2

鼠標移入移出顯示隱藏div塊


顯示隱藏div塊

更多的鼠標事件

屬性	描述	DOM
onclick	當用戶點擊某個對象時調用的事件句柄。	2
oncontextmenu	在用戶點擊鼠標右鍵打開上下文菜單時觸發	?
ondblclick	當用戶雙擊某個對象時調用的事件句柄。	2
onmousedown	鼠標按鈕被按下。	2
onmouseenter	當鼠標指針移動到元素上時觸發。	2
onmouseleave	當鼠標指針移出元素時觸發	2
onmousemove	鼠標被移動。	2
onmouseover	鼠標移到某元素之上。	2
onmouseout	鼠標從某元素移開。	2
onmouseup	鼠標按鍵被松開。	2

參照菜鳥教程

demo3

使用函數簡單的對元素進行顯示隱藏

demo4

使用函數改變元素css屬性值

demo5

簡單的對網頁的換膚功能
要在最前面的body中加入id="changebg"

    紅色
    綠色

demo6

className的使用

源碼查看
查看博客

云服務器 GPU云服務器免備案cdn 14天試用監控數據最多保存14天第7天:CSS入門 one()

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80765.html

14天入門JavaScript-day one

摘要：第一天總結的是一些事件中的鼠標事件事件中主要的都是對樣式的顯示隱藏，其中最簡單的就是使用事件對屬性進行顯示隱藏或者改變屬性方法用于顯示帶有一條指定消息和一個按鈕的警告框。當鼠標指針移動到元素上時觸發。鼠標按鍵被松開。第一天總結的是一些HTML DOM 事件中的鼠標事件 js事件中主要的都是對樣式的顯示隱藏，display:none or display:block 其中最簡單的就是使...

cyrils 2019-08-29 11:31 評論0 收藏0
14天入門JavaScript-day one

摘要：第一天總結的是一些事件中的鼠標事件事件中主要的都是對樣式的顯示隱藏，其中最簡單的就是使用事件對屬性進行顯示隱藏或者改變屬性方法用于顯示帶有一條指定消息和一個按鈕的警告框。當鼠標指針移動到元素上時觸發。鼠標按鍵被松開。第一天總結的是一些HTML DOM 事件中的鼠標事件 js事件中主要的都是對樣式的顯示隱藏，display:none or display:block 其中最簡單的就是使...

zhaot 2019-08-01 15:54 評論0 收藏0
14天入門JavaScript-day two

摘要：前面一天學習用實現簡單的網頁效果，現在來學學的相關組成解釋器翻譯操作的能力瀏覽器兼容字面量常量變量樣式優先級標簽行間改變樣式變綠獲取最簡單選項卡教育培訓招生出國循環的理解的使用簡單理解設置文字源碼查看查看原文前面一天學習用js實現簡單的網頁效果，現在來學學js的相關 JavaScript組成 ECMAScript：解釋器、翻譯 DOM：Document Object Model 操...

Achilles 2019-08-29 11:33 評論0 收藏0
14天入門JavaScript-day three

摘要：學習的是的變量類型運算符，數據轉換，變量作用域，以及什么是閉包變量類型真的沒定義雖然定義，沒有給東西顯隱性類型轉換字符串連接數字相加數字相減的使用變量作用域，局部變量和全局變量全局變量在任何地方都能用閉包簡單指的是子函數可以使用父函數中的學習的是js 的變量類型typeof運算符，數據轉換，變量作用域，以及什么是閉包 demo1 變量類型 var a=12; //alert(typ...

keke 2019-08-29 11:33 評論0 收藏0
14天入門JavaScript-day two

摘要：前面一天學習用實現簡單的網頁效果，現在來學學的相關組成解釋器翻譯操作的能力瀏覽器兼容字面量常量變量樣式優先級標簽行間改變樣式變綠獲取最簡單選項卡教育培訓招生出國循環的理解的使用簡單理解設置文字源碼查看查看原文前面一天學習用js實現簡單的網頁效果，現在來學學js的相關 JavaScript組成 ECMAScript：解釋器、翻譯 DOM：Document Object Model 操...

wthee 2019-08-20 12:11 評論0 收藏0