JavaScript腳本語言在網(wǎng)頁中的簡單應(yīng)用
更新時(shí)間:2007年05月13日 00:00:00 作者:
一、JavaScript腳本語言的特性
JavaScript腳本語言是一種面向?yàn)g覽器的網(wǎng)頁腳本編程語言。腳本語言有以下幾個(gè)特性:
1、在客戶端執(zhí)行。完全在用戶的計(jì)算機(jī)上運(yùn)行,無須經(jīng)過服務(wù)器。
2、面向?qū)ο?。具有?nèi)置對(duì)象,也可以直接操作瀏覽器對(duì)象。
3、動(dòng)態(tài)變化??梢詫?duì)用戶的輸入作出反應(yīng),也可以直接對(duì)用戶輸出。
4、簡單易用。JavaScript腳本語言雖然簡單,但初學(xué)者也能快速掌握。
5、只能與HTML語言一起使用。要通過瀏覽器解釋執(zhí)行。
二、如何在HTML中加入JavaScript腳本
JavaScript采用的格式如下:
<Script Language="JavaScript">
JavaScript 語句
</Script>
把上述語句放在HTML的<head>與</head>之間,也可放在<body>與</body>之間。
例子:在網(wǎng)頁上顯示“你好!”。
<html>
<body>
<Script Language="JavaScript">
alert("你好!")
</script>
</body>
</html>
三、在瀏覽器地址欄直接執(zhí)行JavaScript腳本
也可以在瀏覽器的地址欄中輸入JavaScript語句,由瀏覽器直接執(zhí)行。
如輸入:javascript:alert(200*75)
四、調(diào)用JavaScript文件
可以將純JavaScript的語句另外保存在一個(gè)"*.js"的文件中,需要時(shí)再調(diào)用。
例子:調(diào)用test.js文件,顯示提示。
<html>
<body>
調(diào)用test.js文件
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
test.js的文件內(nèi)容如下:
alert("這是被調(diào)用的語句。")
五、注釋語句
用<!- ... ->表示注解部分,用作說明解釋,瀏覽器不顯示出來。不要也可以。
另外,雙斜線 "http://" ,是JavaScript 的注釋語句,它后面的語句不被執(zhí)行。
六、變量的使用
變量的聲明:Var usename
變量的賦值:usename="李國強(qiáng)"
例子:在網(wǎng)頁上顯示“李國強(qiáng)你好!”。
<html>
<body>
<Script Language="JavaScript">
Var usename
usename="蕪園"
alert(usename + "您好!")
</script>
</body>
</html>
七、數(shù)組
數(shù)組的定義:var name=new Array(5) 用 new 來生成數(shù)組。
數(shù)組的賦值:name[1]="Marry"
數(shù)組的初始化:var name=new Array("Marry","Petty","Mike","Jphn")
數(shù)組的引用:name[1]
注:數(shù)組的第一個(gè)素由1開始。
八、運(yùn)算符與表達(dá)式
1、代數(shù)運(yùn)算符:加(+)、減(-)、乘(*)、除(/)、取余(%)。
2、比較運(yùn)算符:等于(==)、不等于(!=)、大于(>)、小于(<)、大于等于(>=)、小于等于(<=)。
3、邏輯運(yùn)算符:邏輯與(&&)、邏輯或(||)、邏輯非(!)。
表達(dá)式:由變量和運(yùn)算符組成的式子。如:usename + "你好!"
JavaScript腳本語言是一種面向?yàn)g覽器的網(wǎng)頁腳本編程語言。腳本語言有以下幾個(gè)特性:
1、在客戶端執(zhí)行。完全在用戶的計(jì)算機(jī)上運(yùn)行,無須經(jīng)過服務(wù)器。
2、面向?qū)ο?。具有?nèi)置對(duì)象,也可以直接操作瀏覽器對(duì)象。
3、動(dòng)態(tài)變化??梢詫?duì)用戶的輸入作出反應(yīng),也可以直接對(duì)用戶輸出。
4、簡單易用。JavaScript腳本語言雖然簡單,但初學(xué)者也能快速掌握。
5、只能與HTML語言一起使用。要通過瀏覽器解釋執(zhí)行。
二、如何在HTML中加入JavaScript腳本
JavaScript采用的格式如下:
<Script Language="JavaScript">
JavaScript 語句
</Script>
把上述語句放在HTML的<head>與</head>之間,也可放在<body>與</body>之間。
例子:在網(wǎng)頁上顯示“你好!”。
<html>
<body>
<Script Language="JavaScript">
alert("你好!")
</script>
</body>
</html>
三、在瀏覽器地址欄直接執(zhí)行JavaScript腳本
也可以在瀏覽器的地址欄中輸入JavaScript語句,由瀏覽器直接執(zhí)行。
如輸入:javascript:alert(200*75)
四、調(diào)用JavaScript文件
可以將純JavaScript的語句另外保存在一個(gè)"*.js"的文件中,需要時(shí)再調(diào)用。
例子:調(diào)用test.js文件,顯示提示。
<html>
<body>
調(diào)用test.js文件
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
test.js的文件內(nèi)容如下:
alert("這是被調(diào)用的語句。")
五、注釋語句
用<!- ... ->表示注解部分,用作說明解釋,瀏覽器不顯示出來。不要也可以。
另外,雙斜線 "http://" ,是JavaScript 的注釋語句,它后面的語句不被執(zhí)行。
六、變量的使用
變量的聲明:Var usename
變量的賦值:usename="李國強(qiáng)"
例子:在網(wǎng)頁上顯示“李國強(qiáng)你好!”。
<html>
<body>
<Script Language="JavaScript">
Var usename
usename="蕪園"
alert(usename + "您好!")
</script>
</body>
</html>
七、數(shù)組
數(shù)組的定義:var name=new Array(5) 用 new 來生成數(shù)組。
數(shù)組的賦值:name[1]="Marry"
數(shù)組的初始化:var name=new Array("Marry","Petty","Mike","Jphn")
數(shù)組的引用:name[1]
注:數(shù)組的第一個(gè)素由1開始。
八、運(yùn)算符與表達(dá)式
1、代數(shù)運(yùn)算符:加(+)、減(-)、乘(*)、除(/)、取余(%)。
2、比較運(yùn)算符:等于(==)、不等于(!=)、大于(>)、小于(<)、大于等于(>=)、小于等于(<=)。
3、邏輯運(yùn)算符:邏輯與(&&)、邏輯或(||)、邏輯非(!)。
表達(dá)式:由變量和運(yùn)算符組成的式子。如:usename + "你好!"
相關(guān)文章
實(shí)例區(qū)別onClick和onDBClick兩事件方法
實(shí)例區(qū)別onClick和onDBClick兩事件方法2008-09-09addEventListener和attachEvent二者綁定的執(zhí)行函數(shù)中的this不相同
寫 addEventListener 和 attachEvent 區(qū)別的博文不少,不過大部分都把重點(diǎn)放置于前者是Firefox chrome,后者只是存在于IE系列中2012-12-12JavaScript中的getMilliseconds()方法使用詳解
這篇文章主要介紹了JavaScript中的getMilliseconds()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06