JavaScript日常修煉筆記(第二天)

船頭尺發表於2021-09-09

今天是第二天,繼續朝著萬元高新進發!!!!

認識DOM
個人覺得學好程式碼,對於每個英文單詞都得認識,不能死記硬背,要真正理解他的意思,那麼學程式碼就會相對輕鬆多了。
D(document,文件),O(object,物件),M(model,模型)

寫完一個HTML就是由節點構成的,和建一棟大樓一樣!

  1. 元素節點:、、

    等都是元素節點,即標籤。

  2. 文字節點:向使用者展示的內容,如
  3. ...
  4. 中的JavaScript、DOM、CSS等文字。
  5. 屬性節點:元素屬性,如"。

透過ID獲取元素:getELementById("id名稱");

提莫隊長

改變 HTML 樣式
第一天講過,透過DOM改變樣式。
語法:Object.style.property=new style;

  

I love JavaScript

JavaScript使網頁顯示動態效果並實現與使用者互動功能。

顯示和隱藏(display屬性)

語法:Object.style.display = value
value值有兩個屬性,"none","block"。

控制類名(className 屬性)
語法:object.className = classname
classname要加雙引號,className不僅可以改變class屬性,也可以新增class屬性。


JavaScript使網頁顯示動態效果並實現與使用者互動功能。

JavaScript使網頁顯示動態效果並實現與使用者互動功能。

小小練習題


JavaScript課程

JavaScript為網頁新增動態效果並實現與使用者互動的功能。

1. JavaScript入門篇,讓不懂JS的你,快速瞭解JS。

2. JavaScript進階篇,讓你掌握JS的基礎語法、函式、陣列、事件、內建物件、BOM瀏覽器、DOM操作。

3. 學完以上兩門基礎課後,在深入學習JavaScript的變數作用域、事件、物件、運動、cookie、正規表示式、ajax等課程。

<!--當點選相應按鈕,執行相應操作,為按鈕新增相應事件--&gt

自加一,自減一 ( ++和- -)

mynum = 10;
mynum++; //mynum的值變為11
mynum--; //mynum的值又變回10

(邏輯與運算子&&)

b>a && b

(邏輯或運算子||)

"||"邏輯或運算子,相當於生活中的“或者”,當兩個條件中有任一個條件滿足,“邏輯或”的運算結果就為“真”。

(邏輯非運算子!)

"!"是邏輯非運算子,也就是"不是"的意思~

var a=3;
var b=5;
var c;
c=!(b>a);  // b>a值是true,! (b>a)值是false
c=!(b

(運算子優先順序)

var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //結果是-24.75
var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3016/viewspace-2798655/,如需轉載,請註明出處,否則將追究法律責任。

相關文章