JS簡(jiǎn)介
外部JavaScript中文件的文件擴(kuò)展名為.js,如果使用外部文件,那么標(biāo)簽需要設(shè)置它的src屬性為文件路徑
JavaScript輸出
操作HTML元素
如果需要從JavaScript中訪問HTML中的元素,您可以使用document.getElementById()方法,請(qǐng)使用id屬性標(biāo)識(shí)HTML元素
JavaScript由Web瀏覽器來執(zhí)行,在這種情況下瀏覽器將訪問id=”demo”的HTML元素并把它的內(nèi)容(“innerHTML”)替換為”
寫入文檔輸出
document.write(“”);
警告
請(qǐng)使用document.write僅僅寫入內(nèi)容,如果在文檔完成后執(zhí)行document.write,整個(gè)HTML頁(yè)面將被覆蓋
JavaScript語句
JavaScript語句向?yàn)g覽器發(fā)出的命令,語句的作用是告訴瀏覽器該做什么,下面的JavaScript語句向id=”demo”的HTML元素輸出文本”Hello,World”
document.getElementById(“id”).innerHTML = “寫入的文本”;
分號(hào)用于分隔JavaScript語句
通常我們?cè)诿織lJavaScript語句結(jié)尾添加分號(hào)
使用分號(hào)的另一條語句是編寫多條語句
,您也有可能看到不帶有分號(hào)的案例里,在JavaScript中,用分號(hào)來結(jié)束語句是可選的
JavaScript代碼
JavaScript代碼(或者只有JavaScript)是JavaScript語句的序列
瀏覽器會(huì)按照編寫語句的順序來執(zhí)行每條語句
JavaScript代碼塊
JavaScript語句通過代碼塊的形式進(jìn)行組合
JavaScript對(duì)大小寫敏感
JavaScript對(duì)大小寫是敏感的
當(dāng)編寫JavaScript語句時(shí),請(qǐng)留意是否關(guān)閉大小寫切換鍵
空格
JavaScript會(huì)忽略多余的空格,您可以向腳本添加空格,來提高其可讀性
對(duì)代碼進(jìn)行拆行
您知道嗎?
JavaScript是腳本語言。瀏覽器會(huì)在讀取代碼時(shí),逐行的執(zhí)行腳本代碼而對(duì)于傳統(tǒng)編程來說,會(huì)在執(zhí)行前對(duì)所有代碼進(jìn)行編譯
JavaScript中的注釋
JavaScript中的注釋可用于提高代碼的可讀性
JavaScript不會(huì)執(zhí)行注釋
我們可以添加注釋對(duì)JavaScript進(jìn)行解釋,或者提高代碼的可讀性
單行注釋以“//”開頭
JavaScript多行注釋
多行注釋以“/*”開頭,以“*/”結(jié)尾
使用注釋來阻止執(zhí)行
在行末使用注釋
JavaScript變量
就像代數(shù)那樣
在代數(shù)中,我們使用字母來保存值
通過表達(dá)式可以計(jì)算值
JavaScript變量
變量必須以字母開頭
變量也能以“$”或“_”開頭
變量名稱對(duì)大小敏感
JavaScript數(shù)據(jù)類型
JavaScript變量有很多類型,我們只關(guān)注數(shù)字和字符串
當(dāng)向變量分配值的時(shí)候應(yīng)該用雙引號(hào)或單引號(hào)包圍這個(gè)值
當(dāng)向數(shù)字變量分配制的時(shí)候,不要使用引號(hào)
JavaScript聲明變量
var a = “1”;
var a = 1
一條語句多個(gè)變量
var name = ‘’.age = 1;
Value = underfined
在計(jì)算機(jī)程序中,經(jīng)常會(huì)聲明無值的變量
未使用值來聲明的變量其值實(shí)際上是underfined
重新聲明JavaScript變量
如果重新聲明JavaScript變量,該變量的值不會(huì)丟失
JavaScript算數(shù)
您可以通過JavaScript變量來做算數(shù),使用的是“=”和“+”
JavaScript中的數(shù)據(jù)類型
字符串、數(shù)字、布爾、數(shù)組、對(duì)象、Null、underfined
JavaScript擁有動(dòng)態(tài)數(shù)據(jù)類型
JavaScript擁有動(dòng)態(tài)數(shù)據(jù)類型,這意味著相同的變量可以為不同的數(shù)據(jù)類型
JavaScript字符串
字符串是存儲(chǔ)字符的變量
字符串可以是引號(hào)中的任意文本,您可以使用單引號(hào)或雙引號(hào)
JavaScript數(shù)字
JavaScript只有一種數(shù)字類型,數(shù)字可以帶小數(shù)點(diǎn)也可以不帶
JavaScript布爾
布爾(邏輯),只有兩種數(shù)據(jù)類型,true和false
JavaScript數(shù)組:數(shù)組下標(biāo)是基于0的,所以第一個(gè)項(xiàng)目是0第二個(gè)是1依次類推
(1)var cars = new Array(); cars[0] = “”; cars[1] = “”
(2)var cars = new Array(“”,””,””);
(3)var = [“”,””,””];
JavaScript對(duì)象
對(duì)象由花括號(hào)分割。在括號(hào)內(nèi)部以名稱和值對(duì)的形式來定義屬性由逗號(hào)分割
空格和拆行無關(guān)緊要,聲明克橫跨多行
var person
{
firstName = “”;
age = “”;
}
underfined和Null
underfined表示不含有值
Null可以通過設(shè)置變量的值為Null來清空變量
聲明變量類型
當(dāng)聲明新變量時(shí),可以使用關(guān)鍵字“new”來聲明其類型
JavaScript變量均為對(duì)象,當(dāng)您聲明了一個(gè)對(duì)象時(shí),就創(chuàng)建了以惡搞新對(duì)象。
JavaScript對(duì)象
JavaScript中所有的事物都是對(duì)象:字符串、數(shù)組、日期等等
在JavaScript中,對(duì)象是擁有屬性和方法的數(shù)據(jù)
屬性和方法
屬性是與對(duì)象相關(guān)的值,方法是能夠在對(duì)象上執(zhí)行的動(dòng)作
例子:
汽車就是現(xiàn)實(shí)生活的對(duì)象
汽車的屬性
car.name = “”;
car.model = “”;
汽車的方法
car.start();
JavaScript中的對(duì)象
在JavaScript中,對(duì)象是數(shù)據(jù)(變量),擁有屬性和方法
創(chuàng)建JavaScript對(duì)象
JavaScript中,幾乎所有的事物都是一個(gè)對(duì)象:字符串、數(shù)組、數(shù)字、日期、函數(shù)等等
你也可以創(chuàng)建自己的對(duì)象
訪問對(duì)象的屬性
對(duì)象名稱.對(duì)象屬性
訪問對(duì)象的方法
對(duì)象名稱.對(duì)象方法
函數(shù)
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊
JavaScript的函數(shù)語法
函數(shù)就是包裹著花括號(hào)中的代碼塊,前面使用了關(guān)鍵字function
當(dāng)調(diào)用該函數(shù)時(shí),會(huì)執(zhí)行函數(shù)內(nèi)部的代碼
可以在某事件發(fā)生時(shí)直接調(diào)用函數(shù)(比如當(dāng)用戶點(diǎn)擊按鈕時(shí))并且可以由JavaScript在任何位置調(diào)用,調(diào)用帶參數(shù)的函數(shù),當(dāng)您聲明函數(shù)時(shí),請(qǐng)把參數(shù)作為變量來聲明,變量和參數(shù)必須以一致的順序出現(xiàn),第一個(gè)變量就是第一個(gè)被傳遞的參數(shù)的給定的值
帶有返回值的函數(shù)
有時(shí),我們會(huì)希望將值返回調(diào)用它的地方
通過使用return語句就可以實(shí)現(xiàn)
在使用return語句函數(shù)會(huì)停止執(zhí)行,并返回指定的值
局部JavaScript變量
在函數(shù)內(nèi)部聲明的變量是局部變量,所以只能在函數(shù)內(nèi)部訪問它,該變量的作用域是局部的,您可以在不同的函數(shù)中使用名稱相同的局部變量,因?yàn)橹挥新暶鬟^該變量的函數(shù)才能識(shí)別該出變量,只要函數(shù)運(yùn)行完畢本地變量就會(huì)被刪除
全局JavaScript變量
在函數(shù)聲明變量是全局變量,能夠在整個(gè)頁(yè)面訪問
JavaScript生存期
JavaScript變量的生命期從它們被聲明的時(shí)間開始
局部變量會(huì)在函數(shù)運(yùn)行以后被刪除
全局變量會(huì)在頁(yè)面關(guān)閉以后被刪除
向未聲明的變量變量分配值
如果您把值賦給未聲明的變量,該變量會(huì)自動(dòng)作為全局變量聲明
JavaScript運(yùn)算符
運(yùn)算符=用于賦值
運(yùn)算符+用于加值
JavaScript算術(shù)運(yùn)算符
+、-、*、/、%、++、--
JavaScript賦值運(yùn)算符
=、+=、-=、*=、/=、%=
用于字符串的“+”的運(yùn)算符
“+”運(yùn)算符用于合并多個(gè)字符串為一個(gè)字符串
對(duì)字符串?dāng)?shù)組進(jìn)行加法運(yùn)算,如果數(shù)字與字符串相加,結(jié)果為字符串
JavaScript比較運(yùn)算符:比較變量之間的值
==、===、!=、<、>、<=、>=
JavaScript邏輯運(yùn)算符:測(cè)定變量之間的值
&&、||、!
JavaScript條件運(yùn)算符:對(duì)變量進(jìn)行賦值的條件表達(dá)式,問號(hào)表達(dá)式
var a = 100 ? 100 : 200
JavaScript if...else if...else...語句
基于不同的條件來執(zhí)行不同的操作
條件語句
通常在寫代碼時(shí),您總是需要為不同的決定進(jìn)行不同的操作,您可以在代碼中使用條件語句來完成該任務(wù),在JavaScript中有
if...else當(dāng)指定條件為true執(zhí)行if代碼塊,當(dāng)指定條件為false執(zhí)行代碼塊
if...只有當(dāng)指定條件為true才會(huì)執(zhí)行此段代碼
if...else if...多個(gè)代碼塊執(zhí)行條件
Switch多個(gè)代碼塊同步執(zhí)行
循環(huán)語句
多次循環(huán)執(zhí)行代碼塊
不同類型的循環(huán)
for()
while()
for( ... in ...)
do ... while()
Break終止循環(huán)
Continue迭代循環(huán)
JavaScript錯(cuò)誤
try:語句測(cè)試代碼塊的錯(cuò)誤
catch:語句處理的錯(cuò)誤
throw:語句創(chuàng)建自定義錯(cuò)誤
錯(cuò)誤一定會(huì)發(fā)生
當(dāng)JavaScript引擎執(zhí)行JavaScript代碼,會(huì)發(fā)生各種錯(cuò)誤,可能是語法錯(cuò)誤,同場(chǎng)是程序員造成的編碼錯(cuò)誤或錯(cuò)別字,可能是拼寫錯(cuò)誤或語言中缺少的功能(可能由于瀏覽器差異)可能是由于來自服務(wù)器或用戶的錯(cuò)誤輸出而導(dǎo)致的錯(cuò)誤,當(dāng)然,也可能是由于許多其它不可預(yù)知的因素
JavaScript拋出錯(cuò)誤
當(dāng)錯(cuò)誤發(fā)生時(shí)當(dāng)事情出問題時(shí),JavaScript引擎通常會(huì)停止,并生成一個(gè)錯(cuò)誤消息
描述這種情況的技術(shù)術(shù)語是:JavaScript將拋出一個(gè)錯(cuò)誤。
JavaScript測(cè)試和捕捉
try:允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測(cè)試的代碼塊
catch:允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤處理的代碼塊
throw:創(chuàng)建自定義錯(cuò)誤,正確的技術(shù)術(shù)語:創(chuàng)建或拋出異常
異??梢允荍avaScript中的字符串、數(shù)字、邏輯值、對(duì)象
JavaScript表單驗(yàn)證
JavaScript表單驗(yàn)證
JavaScript可以在數(shù)據(jù)提交給服務(wù)器之前對(duì)HTML進(jìn)行表單驗(yàn)證,被JavaScript驗(yàn)證的這些典型數(shù)據(jù):用戶是否已填寫表單中的必填項(xiàng)目?用戶輸入的郵件地址是否合法?用戶是否在數(shù)據(jù)域中輸入了文本,用戶是否輸入了合法的日期
JavaScript必填(必選)項(xiàng)目
E-mail驗(yàn)證
JavaScript HTML Dom
Dom簡(jiǎn)介
JavaScript能夠改變頁(yè)面中所有的HTML元素
JavaScript能夠改變頁(yè)面中所有的HTML屬性
JavaScript能夠改變頁(yè)面中所有的CSS樣式
JavaScript能夠?qū)?yè)面中所有事件作出響應(yīng)
查找HTML元素
通過標(biāo)簽編號(hào)id查找元素
var a = document.getElementById();
通過標(biāo)簽名稱name查找元素
var a = document.getElementById();
通過標(biāo)簽類名class查找元素
var a = document.getElementById();
HTML Dom
改變HTML輸出流
JavaScript能夠動(dòng)態(tài)創(chuàng)建HTML的內(nèi)容document.write()
改變HTML內(nèi)容
document.getElementById(id).innerHTML =內(nèi)容
改變HTML屬性
ocument.getElementById(id).屬性=值
改變HTML樣式
document.getElementById(id).style.樣式屬性=值
JavaScript HTML Dom事件
對(duì)事件做出響應(yīng)
我們可以在事件發(fā)生時(shí)執(zhí)行JavaScript,比如當(dāng)用戶元素上點(diǎn)擊時(shí),如需在用戶點(diǎn)擊某個(gè)元素時(shí)代碼,請(qǐng)向一個(gè)HTML事件屬性添加JavaScript代碼
HTML事件案例
當(dāng)用戶點(diǎn)擊鼠標(biāo)時(shí)
當(dāng)網(wǎng)頁(yè)已加載時(shí)
當(dāng)圖像已加載時(shí)
當(dāng)鼠標(biāo)移動(dòng)元素上時(shí)
當(dāng)輸入字段被改變時(shí)
當(dāng)提交到表單時(shí)
當(dāng)用戶觸發(fā)按鍵時(shí)
HTML事件屬性
如需向HTML元素分配事件,您可以用事件屬性
使用HTML DOM來分配事件
HTML DOM允許您通過JavaScript來分配事件
onload和onunload事件:在用戶進(jìn)入或離開時(shí)觸發(fā)
Onload:檢測(cè)訪問者的瀏覽器版本和瀏覽器類型,并基于這些信息來加載網(wǎng)頁(yè)的正確版本
onload和onunload事件:可用于處理cookie
onchange事件:驗(yàn)證輸入字段
Onmouseover事件:鼠標(biāo)停留事件
Onmouseout事件:鼠標(biāo)離開事件
Onmousedown事件:鼠標(biāo)按下事件
Onmouseup事件:鼠標(biāo)彈起事件
Onmouseclick事件:鼠標(biāo)點(diǎn)擊事件
JavaScript HTML Dom元素節(jié)點(diǎn)
創(chuàng)建新的HTML元素:
創(chuàng)建元素:var p = document.createElement(“p”);
創(chuàng)建節(jié)點(diǎn):var a = document.createTextNode(“增加文本”);
追加節(jié)點(diǎn):p.appendChild(a);
查找元素:var d = document.getElementById(id);
追加元素:d.appendChild(p);
刪除已有的HTML元素
創(chuàng)建父元素:var parent = document.getElementById(id);
創(chuàng)建子元素:var child =docuemnt.getElementById(id);
父元素移除子元素:parent.removeChild(child);
JavaScript對(duì)象
JavaScript中所有事物都是對(duì)象,:字符串、數(shù)值、數(shù)組、函數(shù)等等。JavaScript允許自定義對(duì)象。
JavaScript對(duì)象
JavaScript提供多個(gè)內(nèi)建對(duì)象,比如String、Date、Array等等,對(duì)象只是帶有屬性和方法的特殊數(shù)據(jù)類型
訪問對(duì)象的屬性
對(duì)象名稱.對(duì)象內(nèi)部的方法屬性();
訪問對(duì)象的方法
對(duì)象名稱.對(duì)象內(nèi)部的方法名稱();
創(chuàng)建JavaScript對(duì)象
通過JavaScript,您能夠自定義創(chuàng)建自己的對(duì)象
創(chuàng)建對(duì)象有兩種不同的方法
1.定義并創(chuàng)建對(duì)象實(shí)例
2.使用函數(shù)來定義對(duì)象,然后創(chuàng)建新的對(duì)象實(shí)例
使用對(duì)象構(gòu)造器創(chuàng)建對(duì)象
案例:function Func(){}
創(chuàng)建JavaScript對(duì)象實(shí)例
var f = new Func();
JavaScript類
JavaScript是面向?qū)ο蟮恼Z言,但JavaScript使用類
在JavaScript中,不會(huì)創(chuàng)建類,也不會(huì)通過類創(chuàng)建對(duì)象,就像在其它編程語言中一樣,JavaScript基于prototype,而不是基于類的
for in循環(huán):
for( var i in is){}
JavaScript數(shù)字
JavaScript數(shù)字可以使用小數(shù)點(diǎn)也可以不使用小數(shù)點(diǎn)來書寫
所有數(shù)字均為64位
JavaScript不是類型語言,與許多其它編程語言不同,JavaScript不定義不同類型的數(shù)字,比如:整數(shù)、短、長(zhǎng)、浮點(diǎn)數(shù)等等。JavaScript中的所有數(shù)字都存儲(chǔ)為1-的64位,浮點(diǎn)數(shù)
精度
整數(shù)(不使用小數(shù)點(diǎn)或指數(shù)計(jì)數(shù)法)最多15位
八進(jìn)制和十六進(jìn)制
如果前綴為0,則JavaScript會(huì)把數(shù)值常量解釋為八進(jìn)制數(shù),如果前綴為“0”或“x”則解釋為十六進(jìn)制數(shù)
數(shù)字屬性方法
Max Value
Min Value
Negative Infinitive
Positive Infinitive
NaN
Prototype
Constructor
數(shù)字方法
ToExponential
toFixed
toPrecision
toString
ValueOf
JavaScript字符串對(duì)象
String對(duì)象用于處理已有的字符塊
(1)length:計(jì)算字符串長(zhǎng)度
(2)添加字符樣式
(big,small,blink,bold,italics,fixed,strike,fontcolor,fontsize,toLowerCase,toUpperCase,tosub,tosup,link)
(3)indexOf:獲取字符串的選定字符
(4)match方法:獲取字符串的特定字符
(5)replace方法:獲取并覆蓋選定字符
JavaScript Date日期對(duì)象
(1)document.write(Date());返回當(dāng)日的日期和時(shí)間
(2)getTime:獲取并返回毫秒單位
(3)setFullYear:獲取并返回年月日單位
(4)toUTCString:獲取年月日小時(shí)分鐘秒單位
(5)getDay:獲取日
(6)getHour,getMinute,getSecond:顯示一個(gè)鐘表
JavaScript數(shù)組對(duì)象
(1)創(chuàng)建對(duì)象:var a = new Array();
(2)For...In的聲明:for(var i in a){}
(3)合并兩個(gè)數(shù)組concat:
var a = Array();
var b = Array();
var c = a.Concat(b);
(4)用數(shù)組的元素組成字符串Join
var a = Array();
a.Join();
(5)文本數(shù)組排序sort
var a = Array();
a.Sort();
(6)數(shù)字?jǐn)?shù)組排序Sort
var a = Array();
a.Sort();
JavaScript Boolean(邏輯)對(duì)象
Boolean類型轉(zhuǎn)換,如果進(jìn)行轉(zhuǎn)換的變量的值是0或null或undefined或空字符串,則返回false,其它返回true
JavaScript Math(算數(shù))對(duì)象
Round方法 返回四舍五入后的值
Random方法 返回0~1之間的隨機(jī)數(shù)
Max方法 返回兩個(gè)值之間的最大值
Min方法 返回兩個(gè)值之間的最小值
E方法:常數(shù)
Pi方法:圓周率
Sqrt2方法:2的平方根
SqrT1_2方法:1/2的平方根
Ln2方法:2的自然對(duì)數(shù)
Ln10方法:10的自然對(duì)數(shù)
Log_2e方法:以2為底的e的對(duì)數(shù)
Log_10e方法:以10為底的e的對(duì)數(shù)
JavaScript正則表達(dá)式
JavaScript RegExp對(duì)象
什么是RegExp對(duì)象?
RegExp是正則表達(dá)式的縮寫,當(dāng)您檢索某個(gè)文本的時(shí)候,可以使用一種模式來描述要檢索的內(nèi)容,RegExp就是這種模式,簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符,更復(fù)雜的模式包括更多的字符,并可用于解析、格式檢查、替換等等
您可以規(guī)定字符串的檢索位置,以及要檢索的字符類型等等
RegExp對(duì)象的方法
Test():檢索字符串中的指定值,返回true或false
Exec();
檢索字符串中的指定值,返回值=找到與其匹配的值,如無匹配則返回null
您可以向RegExp添加第二個(gè)參數(shù),以設(shè)定檢索,例如,如果你需要的找到的某個(gè)字符的所有存在,則可使用“g”參數(shù)(“global”)
compile();改變RegExp檢索,既可以改變,也可以添加或刪除
JavaScript瀏覽器對(duì)象模型
瀏覽器對(duì)象模型BOM使JavaScript有能力與瀏覽器對(duì)話
瀏覽器對(duì)象模型BOM
瀏覽器對(duì)象模型Browser Object Model尚無正式標(biāo)準(zhǔn)
由于現(xiàn)代瀏覽器幾乎實(shí)現(xiàn)了JavaScript交互性方面的相同方法和屬性。
因此常被認(rèn)為是BOM的方法和屬性
Window對(duì)象
所有瀏覽器都支持Window它表示瀏覽器窗口
所有JavaScript全局對(duì)象、函數(shù)以及變量均自動(dòng)成為window對(duì)象的成員
全局變量是window變量的屬性
甚至HTML中的DOM也是window變量的屬性之一
Window對(duì)象的尺寸
有三種方法能夠確定瀏覽器窗口的尺寸,瀏覽器的視口,不包括工具欄和滾動(dòng)條
對(duì)于Internet Exploter、Chorme、FireBox、Opera、以及Safari
Window.innerHeight瀏覽器內(nèi)部高度
Window.innerWidth瀏覽器內(nèi)部寬度
Internet Exploter 8、7、6、5:
document.documentElement.ClientHeight
document.documentElement.ClientWidth
document.body.ClientHeight
document.bodyClientWidth
Window其它方法
Window.open();打開窗口windowresizeto();調(diào)整窗口尺寸
window.close();關(guān)閉窗口windowmoveto();移動(dòng)窗口
JavaScript Window Screen
Window.screen對(duì)象包含用戶屏幕的信息
Window.screen對(duì)象在編寫可以不實(shí)用window這個(gè)前綴
screen.availWidth();可用的屏幕寬度
screen.availHeight();可用的屏幕高度
JavaScript Window Location
Window Location獲取當(dāng)前頁(yè)面的地址,并瀏覽器重定向到該頁(yè)面
Window Loation
Window.location對(duì)象在編寫時(shí)可以不實(shí)用wndow這個(gè)前綴
案例:
location.hostname返回web主機(jī)的域名
location.pathname返回當(dāng)前頁(yè)面的路徑和文件名
localtion.port返回web主機(jī)的端口
location.ptotocol返回所使用的web協(xié)議
Window Location Href
location.href屬性返回當(dāng)前頁(yè)面的URL
Window Location Pathname返回當(dāng)前URL的路徑名
Window Location Assign方法加載新的文檔
JavaScript Window History
Windows History
Window.history對(duì)象在編寫時(shí)可不使用window這個(gè)前綴
為了保護(hù)用戶隱私,對(duì)JavaScript訪問該對(duì)象的方法做出了限制
History.back()與在瀏覽器點(diǎn)擊后退按鈕相同
History.forward()與在瀏覽器中點(diǎn)擊按鈕向前相同
Window History Back
History.back()方法加載歷史列表中的前一個(gè)URL
這與在瀏覽器中點(diǎn)擊后退按鈕是相同的
Window History Forward
History.forward()方法加載歷史列表中的下一個(gè)URL
這與在瀏覽器中點(diǎn)擊前進(jìn)按鈕是相同的
JavaScript Window Navigatior
Window Navigator對(duì)象包含有關(guān)訪問者瀏覽器的信息
Window Navgator對(duì)象在編寫時(shí)可以不使用window這個(gè)前綴
JavaScript消息框
警告框:經(jīng)常用于確保用戶可以得到某些信息,當(dāng)警告框出現(xiàn)后,用戶需要點(diǎn)擊按鈕才能繼續(xù)進(jìn)行操作
—alert();
帶有拆行的警告框:
—alert(“\n”);
確認(rèn)框:確認(rèn)可用于使用戶驗(yàn)證或者接收某些信息,當(dāng)確認(rèn)框出現(xiàn)后,用戶需要點(diǎn)擊確定或者取消按鈕才能繼續(xù)進(jìn)行操作,如果用戶點(diǎn)擊確認(rèn),那么返回值為true,如果用戶點(diǎn)擊取消,則返回false
—confirm();
提示框:提示框經(jīng)常用于提示用戶在進(jìn)入頁(yè)面前輸入某個(gè)值,當(dāng)提示框出現(xiàn)后,用戶需要輸入某個(gè)值,然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱,如果用戶點(diǎn)擊確認(rèn),那么返回值為輸入的值,如果用戶點(diǎn)擊取消,則返回null
—prompt方法
JavaScript計(jì)時(shí)
JavaScript中的計(jì)時(shí)事件:
setTimeout未來的某時(shí)執(zhí)行代碼:
setTimeout方法會(huì)返回某個(gè)值,在上面的語句中,值被儲(chǔ)存在一個(gè)變量中,如果你希望取消這個(gè)setTimeout,你可以使用這個(gè)變量名來指定它。
setTimeout的第一個(gè)參數(shù)是含有JavaScript語句的字符串。
無窮循環(huán):在一個(gè)函數(shù)中調(diào)用setTimeout同時(shí)在函數(shù)外部聲明一個(gè)變量,在函數(shù)內(nèi)部進(jìn)行一次自增,在setTimeout后重復(fù)調(diào)用一次當(dāng)前函數(shù)以保持循環(huán)
clearTimeout取消setTimeout:清除掉時(shí)間,把時(shí)間歸為0
JavaScript Cookie
利用用戶在提示框中輸入數(shù)據(jù)創(chuàng)建一個(gè)cookie,當(dāng)用戶再次訪問頁(yè)面時(shí),根據(jù)cookie中的信息發(fā)出歡迎信息
什么是Cookie?
Cookie是存儲(chǔ)于訪問者計(jì)算機(jī)中的變量,每當(dāng)同一臺(tái)計(jì)算機(jī)通過瀏覽器請(qǐng)求某個(gè)頁(yè)面時(shí),就會(huì)發(fā)送這個(gè)cookie,你可以使用JavaScript來創(chuàng)建和取回cookie的值
有關(guān)cookie的例子?
名字cookie
密碼cookie
日期cookie
創(chuàng)建和存儲(chǔ)cookie: