JavaScript 學習筆記(基礎學習)

時間 2019-11-10

標籤 javascript 學習筆記基礎欄目 JavaScript 简体版

原文原文鏈接

一：來自W3School工具的學習 javascript

1:document.getElementById(id) : 訪問某個標籤的元素,而後對它進行操做 .innerHTML 對其內容進行修改css

2:document.write() : 僅僅向文檔輸出寫內容。其實就是經過js 來寫標籤的作法。html

3:<html></html> 執行順序是向上後下 ,無論你的js放在哪一個位置寫都要遵循這個順序的(JavaScript 是腳本語言。瀏覽器會在讀取代碼時，逐行地執行腳本代碼。而對於傳統編程來講，會在執行前對全部代碼進行編譯。)java

4：javaScript 代碼塊(所謂的行數) function xx()編程

5：javascript 大小寫敏感數組

6：js放在<script></script>腳本里執行。。該<script>建議放在<head>裏把瀏覽器

//下面是基本語法 cookie

7: var 聲明變量；必須以字母開頭，大小寫敏感；能夠一條語句多個變量,每一個變量之間用,隔開；對於無值的變量,其實質是undefine；若是從新申明變量,其值不會改變,除非從新賦值函數

8:數據類型：字符串(雙引號和單引號均可以)、數字、布爾(true/false)、數組、對象、Null(用來清空變量)、Undefined(該變量未賦值)工具

JavaScript 變量均爲對象。當您聲明一個變量時，就建立了一個新的對象。

數組命名的方式： new Array() ; new Array("","","") ; ["","",""] 讀取方式:[0] [1]...

對象命名的方式： {key1:"value1",key2:"value2"} ； new object() 讀取方式:name.key1 或 name["key1"]

9：函數

function xx() function(var1,var2...)

function xx() {

return 5;

}

局部變量 : 只能在函數內部訪問它

全局變量：在函數外聲明的變量是全局變量，網頁上的全部腳本和函數都能訪問它

javaScript的變量生命週期

JavaScript 變量的生命期從它們被聲明的時間開始。

局部變量會在函數運行之後被刪除。

全局變量會在頁面關閉後被刪除。

10：運算符：若是數字和字符串相加話獲得是字符串類型哦。。。

11： try 語句測試代碼塊的錯誤。catch 語句處理錯誤。throw 語句建立自定義錯誤。

try
  {
  //在這裏運行代碼
  }
catch(err)
  {
  //在這裏處理錯誤
  }

12：

JavaScript 可以改變頁面中的全部 HTML 元素
JavaScript 可以改變頁面中的全部 HTML 屬性
JavaScript 可以改變頁面中的全部 CSS 樣式
JavaScript 可以對頁面中的全部事件作出反應

13：若是沒爲未找到元素的話返回null

document.getElementById("intro") //經過id來查找HTML元素

x.getElementsByTagName("p") //經過類名查找 HTML 元素在 IE 5,6,7,8 中無效

14：

改變HTML元素：innerHTML(讀取和改變都使用這個)

改變HTML屬性：attribute(讀取和改變都使用這個)

15：

改變HTML的css：document.getElementById(id).style.property=new style

16：

onload 和 onunload 事件會在用戶進入或離開頁面時被觸發。

onload 事件可用於檢測訪問者的瀏覽器類型和瀏覽器版本，並基於這些信息來加載網頁的正確版本。

onload 和 onunload 事件可用於處理 cookie。

17:常見的事件 : onclick onload onfocus onmousedown onmouseup onmouseover onmouseout

18:節點增刪改查

作法思路：見DOM節點例子。。更好的理解作法

// 對象 (常見對象的用法)

19:建立對象兩個方法

(1)直接建立 new object() 或者 {key1:"value1",key2:"value2"}

(2)使用函數來建立對象 function person(firstname,lastname,age,eyecolor){

this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var per1 = new person("xx","ee",12,"red")

20
JavaScript 是面向對象的語言，但 JavaScript 不使用類。

在 JavaScript 中，不會建立類，也不會經過類來建立對象（就像在其餘面向對象的語言中那樣）。

JavaScript 基於 prototype，而不是基於類的。

for....in :用來變量對象的值

22 RegExp 對象用於規定在文本中檢索的內容。(知道這個東西，具體玩法在參考案例來)

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。