JavaScript是一種可嵌入到HTML文檔中基于對象(Object Based)和事件驅(qū)動(Event Driver)的腳本編程語言,它的運(yùn)行依賴于瀏覽器并且運(yùn)行于客戶端。
一個 JavaScript 程序其實(shí)是一個文檔,一個文本文件,它嵌入到 HTML 文檔中執(zhí)行。所以,一般的本文編輯器就可以實(shí)現(xiàn)編寫javascript代碼。
1、將javascript嵌入到HTML文檔中,一般有兩種實(shí)現(xiàn)方法。一種是直接在HTML文檔中的任何地方加入<script>
<!--你的js代碼-->
</script>
值得注意的是,js代碼必須在<frameset>之前插入才有效。
另一種是將js代碼寫在一個以 .js為后綴的js文件里,用以下方法引入到HMTL檔供使用
<script src="你要引入的.js文件的路徑" type="text/javascript"></script>
這兩種實(shí)現(xiàn)的例子如下:
<html>
<head>
<title>js exmaple</title>
<!--直接在HMTL文檔中寫js代碼-->
<script>
function sayHello() {
alert("hello");
}
</script>
<!--從.js文件中加載-->
<script src="myjs/util.js"></script>
</head>
<body>
</body>
</html>
2、變量聲明
javascript中用 var關(guān)鍵字聲明一個變量,如:var userName;由于javascript使用的是弱類型,所以聲明時(shí)不需要指定具體類型,在運(yùn)行時(shí)會根據(jù)所賦的值檢查其數(shù)據(jù)類型。比如聲明 var v; 在運(yùn)行中如果出現(xiàn)v = 123;那么變量v指數(shù)值類型,如果運(yùn)行中出現(xiàn)的是v = "123",v 為字符串類型。
3、函數(shù)聲明,介紹兩種型式
一、function sayHello(who) { //who為參數(shù)
alert("say hello to: " + who);
}
二、var sayHello = function(who) {
alert("say hello to: " + who);
}
說明:第二種聲明方式是將函數(shù)的指針賦給一個變量,調(diào)用如下:sayHello("whoOne");和第一種聲明方式調(diào)用一樣。舉個第二種聲明方式有用的應(yīng)用,如,在js代碼中,給一個銨鈕的onclick事件注冊一個方法可以如下聲明: var btn = document.createElement("button");
btn.onclick= function() {
//添加當(dāng)點(diǎn)擊此銨鈕時(shí)想執(zhí)行的js代碼
}
4、事件響應(yīng)
聲明了的函數(shù)可以在js代碼里被調(diào)用,也可以用于響應(yīng)事件。如:
<html>
<head>
<title>js exmaple</title>
<!--直接在HMTL文檔中寫js代碼-->
<script>
function sayHello() {
alert("hello");
}
</script>
</head>
<body>
<!--響應(yīng)button中的onclick事件(單擊事件),調(diào)用sayHello()方法-->
<button onclick="sayHello()">點(diǎn)擊將調(diào)用sayHello()方法來響應(yīng)</button>
</body>
</html>
運(yùn)行例子,點(diǎn)擊銨鈕后運(yùn)行結(jié)果如下:
備注:這是一篇很簡單的javascript相關(guān)知識文章,適合對javascript完全沒概念的初學(xué)者參考, 有誤之處,請指正討論。
posted on 2008-04-27 22:53
Sonny Li 閱讀(466)
評論(2) 編輯 收藏 所屬分類:
javascript編程語言