學習.net已經近2年了,最近學習Ajax時發現自己的很多技術功底很是欠缺,比如JavaScript。這是我在園內第一篇筆記,今後我會將我正在學習的也寫成筆記,有時間的話將以前的東西整理整理也傳上來。
一.JavaScript簡介:
學習JavaScript之前,有些東西你需要先瞭解:
我覺得這些不需要太深入,懂個大概就行。
JavaScript是:
-
- JavaScript 被設計用來向 HTML 頁面添加互動行為。
- JavaScript 是一種指令碼語言。
- JavaScript 由數行可執行電腦程式碼群組成。
- JavaScript 通常被直接嵌入 HTML 頁面。
- JavaScript 是一種解釋性語言。
- 所有的人無需購買許可證均可使用 JavaScript。
這些都是一些書裡關於JavaScript的定義,知道就行了。
-
二.實現JavaScript簡單的例子:
-
<html>
<body>
<script type="text/javascript">
document.write("這就是JavaScript.")
</script>
</body>
</html>
將JavaScript代碼嵌入HTML頁面時,需要在頭和尾處加上JavaScript的標籤,來告訴瀏覽器這是JavaScript代碼。
-
比如上面的例子就會在頁面上顯示:
-
這就是JavaScript.
假如沒有例子中的紅色部分代碼,將會顯示:
document.write("這就是JavaScript.")
在以前,老的瀏覽器不支援JavaScript時,為防止瀏覽器將JavaScript代碼當做文本輸出,我們可以將代碼寫成:
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
這樣的話不支援JavaScript的瀏覽器會自動跳過裡面的代碼,支援的則將會執行裡面的代碼。
-
一般情況下,我們儘可能的將JavaScript代碼獨立出來,做成外部檔案,一是使頁面代碼不那麼混亂,二是在不同頁面複用JavaScript代碼時避免重複編寫。
-
<script src="aaa.js">....</script>
.js檔案一般統一放在網站的子目錄中,方便維護和增加代碼可讀性。
-
三.JavaScript語句及注釋
-
JavaScript語句帶不帶“;”都可以,不帶的以一行為一句,帶“;”的可以在同一行寫多個語句。
-
<script type="text/javascript">
document.write("<h1>Hello</h1>"); //以<h1>格式 輸出 "Hello"
document.write("World"); // 輸出 "World"
/*
這樣的多行注釋。
*/
</script>
從這個簡單例子中可以看出來在JavaScript輸出語句中可以嵌入HTML語句,您可以試著寫一些複雜的例子。
四.JavaScript基本文法
1.聲明變數
var x;var x=1;var x="你好"。。。。就一個var,很是簡單。
2.運算子
這個和其他語言很類似,沒什麼好說的。網上找張表,自己看看。
運算子 |
描述 |
|
|
+ |
加 |
|
|
- |
減 |
|
|
* |
乘 |
|
|
/ |
除 |
|
|
% |
求餘數 |
|
|
++ |
累加 |
|
|
-- |
遞減 |
|
|
運算子 |
例子 |
等價於 |
= |
x=y |
|
+= |
x+=y |
x=x+y |
-= |
x-=y |
x=x-y |
*= |
x*=y |
x=x*y |
/= |
x/=y |
x=x/y |
%= |
x%=y |
x=x%y |
-
有意思的是若是兩個字串相加,輸出的是這兩個字串拼接的結果。
3.if,switch,for,while
-
這些都很簡單,看看例子就行了。
-
<script type="text/javascript">
var a=3
if(a==1)
{
document.write("a的值是1");
}
else if(a==2)
{
document.write("a的值是2");
}
else
{
document.write("a的值比2大");
}
</script>
switch(n)
{
case 1:
執行代碼塊 1
break
case 2:
執行代碼塊 2
break
default:
如果n即不是1也不是2,則執行此代碼
}
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}
var i=0
do{
document.write("The number is " + i)
document.write("<br>")
i++
}while (i <= 10)
var i=0
while (i <= 10)
{
document.write("The number is " + i)
document.write("<br>")
i++
}
for (變數 in 對象)//遍曆數組常用的
{
在此執行代碼
}
這些都是最基礎的東西,下次我會將JavaScript中常用的事件寫出來。