DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript 入門基礎學習
Javascript 入門基礎學習
編輯:JavaScript基礎知識     

一.JavaScript簡介:
  學習JavaScript之前,有些東西你需要先了解:
HTML
XHTML
  我覺得這些不需要太深入,懂個大概就行。
  JavaScript是:
JavaScript 被設計用來向 HTML 頁面添加交互行為。
JavaScript 是一種腳本語言。
JavaScript 由數行可執行計算機代碼組成。
JavaScript 通常被直接嵌入 HTML 頁面。
JavaScript 是一種解釋性語言。
所有的人無需購買許可證均可使用 JavaScript。
這些都是一些書裡關於JavaScript的定義,知道就行了。
二.實現JavaScript簡單的例子:
[html]
<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中常用的事件寫出來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved