1.JavaScript:改變 HTML 內(nèi)容
document.getElementByID("some id")扔傅。這個(gè)方法是 HTML DOM 中定義的枝秤。
DOM(文檔對(duì)象模型)是用以訪問(wèn) HTML 元素的正式 W3C 標(biāo)準(zhǔn)排惨。
2.原始圖片為bulboff稚晚,為熄滅笔诵。當(dāng)你click了這個(gè)圖片晴埂,調(diào)用changeimage函數(shù)众羡,會(huì)檢索該圖片是否有bulbon字段始衅,如果存在字段bolbon脚粟,圖片src更新為bulboff.jpg淡诗,若匹配不到bulbon字段骇塘,src則更新為bulbon.jpg
4.使用 document.write() 僅僅向文檔輸出寫內(nèi)容。
如果在文檔已完成加載后執(zhí)行 document.write韩容,整個(gè) HTML 頁(yè)面將被覆蓋:
5.
6.變量是存儲(chǔ)信息的容器款违。
var x=2;
var y=3;
var z=x+y;
var x=true;
var y=false群凶;
7.
8.
9.聲明變量類型
聲明新變量時(shí)插爹,可以使用關(guān)鍵詞 "new" 來(lái)聲明其類型:
var carname=new String;
var x=? ? ? new Number;
var y=? ? ? new Boolean;
var cars=? new Array;
var person= new Object;
JavaScript 變量均為對(duì)象。當(dāng)您聲明一個(gè)變量時(shí)请梢,就創(chuàng)建了一個(gè)新的對(duì)象赠尾。
10.JavaScript 中的對(duì)象
在 JavaScript 中,對(duì)象是數(shù)據(jù)(變量)毅弧,擁有屬性和方法气嫁。
當(dāng)您像這樣聲明一個(gè) JavaScript 變量時(shí):
var txt = "Hello";
您實(shí)際上已經(jīng)創(chuàng)建了一個(gè) JavaScript 字符串對(duì)象。字符串對(duì)象擁有內(nèi)建的屬性 length够坐。對(duì)于上面的字符串來(lái)說(shuō)寸宵,length 的值是 5。字符串對(duì)象同時(shí)擁有若干個(gè)內(nèi)建的方法元咙。
屬性:
txt.length=5
方法:
txt.indexOf()
txt.replace()
txt.search()
11.
12.在面向?qū)ο蟮恼Z(yǔ)言中梯影,使用 camel-case 標(biāo)記法的函數(shù)是很常見(jiàn)的。您會(huì)經(jīng)呈悖看到 someMethod() 這樣的函數(shù)名甲棍,而不是 some_method()。
13.如果把數(shù)字與字符串相加脉课,結(jié)果將成為字符串救军。
14.var time=new Date().getHours();
var d=new Date().getDay();周幾
15.For/In 循環(huán)
JavaScript for/in 語(yǔ)句循環(huán)遍歷對(duì)象的屬性:
16.JavaScript 錯(cuò)誤 - Throw财异、Try 和 Catch
try語(yǔ)句測(cè)試代碼塊的錯(cuò)誤。
catch語(yǔ)句處理錯(cuò)誤唱遭。
throw語(yǔ)句創(chuàng)建自定義錯(cuò)誤戳寸。
17.在下面的例子中,故意在 try 塊的代碼中寫了一個(gè)錯(cuò)字拷泽。
catch 塊會(huì)捕捉到 try 塊中的錯(cuò)誤疫鹊,并執(zhí)行代碼來(lái)處理它。
18.Throw 語(yǔ)句
throw 語(yǔ)句允許我們創(chuàng)建自定義錯(cuò)誤。
正確的技術(shù)術(shù)語(yǔ)是:創(chuàng)建或拋出異常(exception)脂矫。
如果把 throw 與 try 和 catch 一起使用枣耀,那么您能夠控制程序流,并生成自定義的錯(cuò)誤消息庭再。
語(yǔ)法
throwexception
異忱剔龋可以是 JavaScript 字符串、數(shù)字拄轻、邏輯值或?qū)ο蟆?/p>
實(shí)例
本例檢測(cè)輸入變量的值颅围。如果值是錯(cuò)誤的,會(huì)拋出一個(gè)異常(錯(cuò)誤)恨搓。catch 會(huì)捕捉到這個(gè)錯(cuò)誤院促,并顯示一段自定義的錯(cuò)誤消息:
19.JavaScript 表單驗(yàn)證
JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。
被 JavaScript 驗(yàn)證的這些典型的表單數(shù)據(jù)有:
用戶是否已填寫表單中的必填項(xiàng)目斧抱?
用戶輸入的郵件地址是否合法常拓?
用戶是否已輸入合法的日期?
用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本夺姑?
下面的函數(shù)用來(lái)檢查用戶是否已填寫表單中的必填(或必選)項(xiàng)目墩邀。假如必填或必選項(xiàng)為空,那么警告框會(huì)彈出盏浙,并且函數(shù)的返回值為 false眉睹,否則函數(shù)的返回值則為 true(意味著數(shù)據(jù)沒(méi)有問(wèn)題):
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
20.連同 HTML 表單的代碼:
21.E-mail 驗(yàn)證
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}