1、JavaScript的概念
JavaScript是一種直譯式腳本語言,已經被廣泛用于web應用開發。經常使用來為網頁加入各式各樣的動态功能。為使用者提供更流暢美觀的浏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實作自身的功能的。
JavaScript簡稱js。
特點:
a:是一種解釋性腳本語言(代碼不須要進行預編譯)。
b:主要用來向HTML頁面加入互動行為。
c:能夠直接嵌入HTML頁面。但寫成單獨的js檔案有利于結構和行為的分離。
d:跨平台性。在絕大多數浏覽器的支援下,能夠在多種平台下執行。
JavaScript腳本語言和其他語言一樣,有它自身的基本資料類型,表達式和算術運算符及程式的基本程式架構。
JavaScript提供了四種主要的資料類型和兩種特殊資料類型用來處理資料和文字。而變量踢動存放資訊的地方,表達式則能夠完畢較複雜的資訊處理。
JavaScript僅僅是外觀像java。可是和java是兩種不同的語言。
JavaScript是面向對象的一門語言。(基于對象)
2、js怎樣書寫?
a:直接書寫在html的頁面中!
通過html的script标簽,在script标簽内書寫js代碼。
b:在外部js檔案裡寫js的代碼,然後通過html中的script标簽的src屬性,引入到html檔案裡。
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5CM1kzMkNGNwkTYklDN4UmMmFTZilDNhhzN4ADM5IGOk9CXxMzLcdDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL1M3Lc9CX6MHc0RHaiojIsJye.png)
3、JavaScript中keyword和辨別符
keyword:var 。if ,while , for 。do, switch ....case....
辨別符:使用者依據自己的需求,定義的一個字元串。
作用:定義 變量名、方法名、對象名。
辨別符組成:下劃線、$、數字、字母。
(數字不能作為辨別符的開頭,辨別符不能喝keyword反複。)
4、JavaScript中的資料類型
數值類型:number(包含整數和小數)
字元串:string(包括字元和字元串)
布爾類型:boolean
undefined:undefined(表示未定義)
null:null(表示值為空)
對象類型:object
5、JavaScript中的變量
js中變量定義的方式:
var 變量名 = 初始值;
var 變量名
注意:動态類型的語言。
通過typeof能夠知道js變量的類型。
6、JavaScript中的凝視
單行凝視: //
多行凝視: /* 凝視内容 */
注意:多行凝視和多行凝視不能嵌套使用。
7、JavaScript中的運算符
7.1算術運算符
注意:
字元和其他類型進行+運算的時候。實質上是字元串連接配接(變長的過程)。
字元串和其他資料類型進行‘非+’運算的時候,會把字元串轉換為number類型,再進行運算。------弱類型+動态類型。☆
☆☆☆:假設字元串不能轉換成number類型,會傳回NaN(表示非number)
7.2關系運算符(比較運算符)
js中的比較運算符号:> < >= <= != ==
===(表示恒等:要求數值同樣的同一時候。類型也要同樣) !==
7.3邏輯運算符
&& || !
7.4三元運算符
js:表達式1?表達式2:表達式3
假設表達式1為假。傳回表達式3的結果,假設表達式1為真,傳回表達式2的結果。
8、JavaScript中的數組
java中數組的定義:
類型[ ] 數組名 = new 類型[長度];
類型[ ] 數組名 = {初始值}。
8.1第一種定義方式:
var 數組名 = [初始值];
1、通過角标能夠得到數組中,某個位置的值。
2、通過數組的length屬性得到數組的長度。
3、數組不固定類型。能夠存放不論什麼類型的資料。
4、數組的長度是可變的。
8.2數組的另外一種定義方式
var 數組名 = new Array();
1、假設Array()不接收參數,表示定義一個長度為0的數組。
2、假設Array()接收一個參數,而且這個參數是整數。那麼表示定義一個長度為這個參數的數組。
3、假設接收一個參數。而且是數值類型的非整數,此時報錯。
4、假設接收一個參數,而且這個參數是非數值類型的,那麼這個參數是數組的初始值。
5、假設接收多個參數。那麼這些參數就是數組的初始值。
9、JavaScript的函數
9.1、函數第一種定義方式
function 函數名 (參數清單){
函數體。
}
1、參數清單,定義參數的時候,不能使用keywordvar
2、假設函數須要傳回值。直接使用return
3、在js中沒有重載的概念。後面的同名函數。會把前面的同名函數覆寫。
4、假設js調用函數的時候。出現少傳遞值的情況。那麼定義的變量沒有接收到值,它是undefined
5、js中的函數,自帶一個arguments,表示參數(全部的參數)數組。
建議不要使用arguments來接收參數,假設須要參數,在參數清單中定義。
9.2、函數另外一種定義方式
var 函數名 = new Function(“參數清單”。“函數體”);
9.3、函數的第三種定義方式:
function (){
函數體;
事件:能夠了解為一些行為或者動作。
假設該行為或者動作有意義,須要我們去做一些事情。此時能夠通過事件調用js中的函數。實作某些功能。
全局函數:
10、JavaScript中的對象
10.1、定義對象的第一種方式
通過keywordfunction定義一個對象。
10.2、自己定義對象的另外一種寫法
在js中,{ }表示一個對象。
屬性的寫法:
屬性:值
多個屬性須要使用逗号分開。
函數的定義方式:
函數名:function(){函數體01}
多個函數須要使用逗号切割,而且函數和屬性也須要使用逗号分開。
注意:對象在使用的時候,不須要new,直接指派。或者直接使用。
11、JavaScript中事件介紹
12、BOM介紹
browser object model:浏覽器對象模型。
是用于描寫叙述這樣的對象與對象之間層次關系的模型,浏覽器對象模型提供了獨立于内容的、能夠與浏覽器窗體進行互動的對象結構。
BOM由多個對象組成,當中代表浏覽器窗體的Window對象是BOM的頂層對象,其他對象都是該對象的子對象。
作用:通過bom模型建立出的對象,能夠實作js和浏覽器進行互動。
13、window對象
Window對象表示浏覽器中打開的窗體。
全部浏覽器都支援window對象。window是js中的頂層對象。
全部JavaScript全局對象、函數以及變量均自己主動成為window對象的成員。
全局變量是window對象的屬性,全局函數是window對象的方法。
架構标簽内也有一個window對象。
HTML DOM的document也是window對象的屬性之中的一個。
☆:在js中。window. 一般是能夠省略的。
history對象:
存放一系列訪問過的URL資訊。
location對象
14、dom對象
Document對象:每一個加載浏覽器的HTML文檔都會成為Document。
Document對象使我們能夠從腳本中對HTML頁面中的全部元素進行訪問。
Document對象是Window對象的一部分,可通過window.document屬性對其進行訪問。
createElement(“标簽名”)---依據标簽名。建立一個标簽對象。
createTextNode(“内容”)----依據内容去建立文本節點。
15、window、bom、dom之間的關系