一、擷取元素方法
1、document.getElementById("元素id号");
可以使用内置對象document上的getElementById方法來擷取頁面上設定了id屬性的元素，擷取到的是一個html對象，然後将它指派給一個變量。如下：
上面的語句，如果把javascript寫在元素的上面，就會出錯，因為頁面是從上往下加載執行的，javascript去頁面上擷取元素div1的時候，元素div1還沒有加載，解決方法有兩種
2、document.getElementsByTagName()擷取的是一個選擇集，不是數組，但是可以用下标的方式操作選擇集裡面的dom元素
二、操作元素屬性
1、擷取頁面的元素，就可以對頁面元素的屬性進行操作，屬性的操作包括屬性的讀和寫。
操作屬性的方法：a、"."操作 b、"[ ]"操作
屬性的寫法如下：
a、html的屬性和js裡面的屬性寫法一樣
b、class屬性寫成"className"
c、"style"屬性裡面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"
舉例說明：通過"."操作屬性
b、class屬性寫成"className"
c、"style"屬性裡面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"
舉例說明：通過"[ ]"操作屬性
innerHTML 可以讀取或者寫入标簽包裹的内容
三、JS函數
函數就是重複執行的代碼片
1、函數定義與執行
2、變量與函數預解析
JavaScript解析過程分為兩個階段，先是編譯階段，然後是執行階段，在編譯階段會将function定義的函數提前，并且将var定義的變量聲明提前，将它指派為undefined.
3、提取行間事件
在html行間調用的事件可以提取到javascript中調用，進而做到結構與行為分離。
4、匿名函數
定義的函數不給名稱，這個叫匿名函數，可以将匿名函數直接指派給元素綁定的事件來完成匿名函數的調用。
5、函數傳參
6、函數'return'關鍵字
函數中'return'關鍵字的作用：
a、傳回函數執行的結果
b、結束函數的運作
c、阻止預設行為
七：條件語句
通過條件語句來控制程式的走向，就需要用到條件語句
運算符：
1、算術運算符：+(加)、-(減)、*(乘)、/(除)、%(求餘)
2、指派運算符：=、+=、-=、*=、/=、%=
3、條件運算符：==、===、>、>=、
if else
switch(對于多重條件的話，使用switch，因為switch性能更高)
八、數組及操作方法
數組就是一組資料的集合，javascript中，數組裡面的資料可以是不同類型的。
定義數組的方法
1、對象的執行個體化建立：var aList = new Array(1,2,3);
2、直接量建立：var aList2 = [1,2,3,'abc'];
操作數組中的資料的方法
1、擷取數組的長度：aList.length;
2、用下标操作數組的某個資料：aList[0];
3、join()将數組成員通過一個分隔符合并成字元串
4、push()和pop()從數組最後增加成員或删除成員
5、unshift()和shift()從數組前面增加成員或删除成員
6、reverse()将數組反轉
7、indexOf()傳回數組中元素第一次出現的索引值(查找數組中第一次出現該值所在的索引号)
8、splice()數組中增加或删除成員 splice(m,n,a,b,c,d)從第m個元素開始，删除n個元素，然後在此位置增加'a,b,c,d'四個元素
多元數組
多元數組指的是數組的成員也是數組的數組
數組去重
九、循環語句
程式中進行有規律的重複性操作，需要用到循環語句。
for循環
while循環(不常用)
十、Javascript組成
1、ECMAscript javascript的文法(變量、函數、循環語句等文法)。
2、DOM文檔對象模型，操作html和css的方法。
3、BOM浏覽器對象模型，操作浏覽器的一些方法。
十一、字元串處理方法
1、字元串合并操作："+"
2、parseInt()将數字字元串轉換為整數
3、parseFloat()将數字字元串轉換為小數
4、split()把一個字元串分隔成裡面的某個字元串組成的數組
5、charAt(索引值)擷取字元串中的某一個字元
可以用來檢驗是否為id選擇器
6、indexOf()查找字元串中是否含有某字元,找到就輸出字元串出現的位置，找不到輸出-1
7、substring()截取字元串用法：substring(start,end)(不包括end)
如：擷取位址欄中的id号
8、toUpperCase()字元串轉大寫
9、toLowerCase()字元串轉小寫
用最快的方法把一個字元串反轉
首先把該字元串轉換為數組，然後對數組進行反轉，最後把數組通過分隔符連接配接起來
十二、 調試程式的方法
1、alert
2、console.log();
3、document.title
十三、類型轉換
1、parseInt和parseFloat
2、隐式轉換"=="和"-"
3、NaN和isNaN
前端知識點-JS相關知識點
1.談談你對Ajax的了解?(概念.特點.作用) AJAX全稱為"Asynchronous JavaScript And XML"(異步JavaScript和XML) 是指一種建立 ...
【幹貨】JS相關知識點總結
一.擷取元素方法 可以使用内置對象document上的getElementById方法來擷取頁面上設定了id屬性的元素,擷取到的是一個html對象,然後将它指派給一個變量.如下: 上面的語句,如果把j ...
JS重要知識點
這裡列出了一些JS重要知識點(不全面,但自己感覺很重要).徹底了解并掌握這些知識點,對于每個想要深入學習JS的朋友應該都是必須的. 講解還是以示例代碼搭配注釋的形式,這裡做個小目錄: JS代碼預解析原 ...
JS重要知識點(轉載 學習中。。。)
這裡列出了一些JS重要知識點(不全面,但自己感覺很重要).徹底了解并掌握這些知識點,對于每個想要深入學習JS的朋友應該都是必須的. 講解還是以示例代碼搭配注釋的形式,這裡做個小目錄: JS代碼預解析原 ...
JS 進階知識點及常考面試題
将會學習到一些原理相關的知識,不會解釋涉及到的知識點的作用及用法,如果大家對于這些内容還不怎麼熟悉,推薦先去學習相關的知識點内容再來學習原理知識. 手寫 call.apply 及 bind 函數 涉及 ...
js基礎系列架構：JS重要知識點(轉載)
這裡列出了一些JS重要知識點(不全面,但自己感覺很重要).徹底了解并掌握這些知識點,對于每個想要深入學習JS的朋友應該都是必須的. 講解還是以示例代碼搭配注釋的形式,這裡做個小目錄: JS代碼預解析原 ...
http及浏覽器相關知識點歸納
http是應用層協定,采用請求/響應模型 1.浏覽器位址欄輸入URL位址後發生了什麼? 浏覽器判斷位址是否是合理的URL位址,是否是http協定請求,如果是則進入下一步 浏覽器對此URL進行緩存檢查: ...
React其它相關知識點
React其它相關知識點 一,解釋一下React Fiber? 簡單來說,核心就是在虛拟dom和浏覽器的調用棧之間多了一個虛拟調用棧,和虛拟dom一樣,這個虛拟調用棧也是在記憶體中的,這個虛拟調用棧就類 ...
随機推薦
基于正則的INI讀寫工具類，支援加密解密
看到這個标題,有人會問,現在都用xml做配置檔案了,誰還用INI檔案啊!下面來簡單對比一下xml和ini: 1.XML功能強大表達能力強,同時擴充性好. 2.它的主要優勢是異構平台的整合.通訊. 3. ...
【轉載】非線性分析中的ansys跟蹤顯示