JavaScript 基礎教程 (轉)

Javascript 基礎教程

XML:namespace prefix = o ns = "urn:schemas-microsoft-com:Office:office" />

今天時間比較充裕,考慮到最近好久沒有出文章了.有沒什么特別的研究,很抱歉,最近

也是覺得很沒新意.不過,我想本文還是有點參考價值的,因為至少,對那些沒有接觸過

JavaScirpt或接觸的不多的朋友,還是有一定幫助的.說真的,記得大一的時候,一個同學

用JavaScirpt寫的一個禁用鼠標左鍵,我都覺得很了不起,而且拿來釣MM也是很好的

選擇,所以,沒理由不學習一下,不是嗎,當然作為Script語言,其執行效率當然不會高.且

Javascript和Java是不一樣的,JavaScript是腳本語言,而Java則是利用虛擬機把編譯好

Bytecode執行.當然Java和JavaScript也是可以一起使用的,比如:

import java.applet.Applet;
import java.awt.Graphics;

public class HelloWorld extends Applet {
 public void paint(Graphics g) {
 g.drawString("Hello world!", 50, 25);
 }
 }

然后在客戶端的Html的標記中寫

我不想和其他的javascript教程一樣.因為,我覺得那樣太枯燥,至少看上去,沒有絲毫的美感.

每當我讀起國內大多數,文章和教程那樣,真的很缺乏美感,沒有幻想的味道.我以前很喜歡玩

RPG游戲,你們是嗎?我想至少玩過吧,把自己想成一個旅行到一個神奇的島的探險者怎么樣?

那么好把,讓我為各位準備的旅行手卷展開,你會發現什么.啊哏,很不錯吧,你的行廊里,什么都有不是嗎?我想,你至少不會毫無防備的被野獸給吃掉,也不會陷入到泥沼中.

*  引路石 ------- 

I'm yarshray

如果,你在瀏覽器中運行就會看到久違了的Hello World.這里我們要知道的是,之間的代碼,那些就是JavaScript代碼.我喜歡把他們放到

之間,而有的時候人們也會把他們放到之間.可那樣,很容易和正文混在一起

在調試的時候很不方面.在上面的代碼中還看到些什么了嗎?<!--  //-->,這個是嗎?想知道這個是什么,是嗎?如果,你要在一個不支持javascript的瀏覽器中運行.那我保證,這個就有用了.很簡單,它什么也不顯示.這里再讓我們來討論一下標記,這個標記里有那些比較

有用的屬性,下面讓我來介紹一下.language 它可以確定你要用到的腳本語言是那一種.如:

vbscript javascript1.2 等.根據瀏覽器的支持來決定.這個時候如果,你不想讓自己的文檔看上去很零亂.那么一個好的做法是分開來放置文件.代碼文件單獨來存放.如上面的代碼,你可以

寫到.一個hello.js文件中,然后

可以通過這src屬性來引用資源.但必須保證資源的路徑.而且這樣做你必須保證,在之間不能插入其他語句.

 * 打開大門的鑰匙  -------  Document 對象.

在上一部分,我們終于可以對這世界說一聲,我們來了,你必須要歡迎我們.可是你知道,還有一扇門把我們擋在外面.我們需要一把鑰匙.來開啟這扇門.還記得,我們上面的代碼中的

Document.Write(‘Hello word’);Document 稱為對象,write稱為該對象的方法,我想不用多說

玩過RED的都知道.當然,VC6的同胞們也許會比較陌生,不過,這是一種享受.有方法當然也會

有屬性,這是很自然的,就好象是object *op; op->m_xxxx; 那樣還是給個方法和屬性的例子吧.

在網頁中看到什么了呢?是….最后的更新時間.看樣子,我們離我的目的地又近了一步,至少可以看見時間了.讓我們看看還有些什么?不如,我們讓它看上去,更符合我們的口味怎么樣?我想是個好主義.

輸入上面的代碼看看.啊哈…..看見什么了?天黑了是嗎?是的,休息一下繼續明天的旅程吧.

*  路標 ------------  消息框

終于,我們旅行到了,這個世界中,可是該往那兒去呢?嘿,別問我,我也不太清楚.看看路標怎么樣?在哪兒呢?hi, look here! A alert. Oh yeah you’re right. 看看上面寫了些什么?

注意到什么了嗎?是嗎?我曾經不是說過,不要把javascript寫到中去嗎?是的

我是那樣說過,可你要知道,這是路標,它會告訴我們要去哪兒.當然,放到最適合它的位置是個好的選擇.嘿,朋友,這兒不只一種.還有另外幾個看上去也是路標,是嗎?讓我瞧瞧.哦,也許你是

對的.

window.confirm("Are you sure you want to take a rest?")

嘿,你真的累了嗎?如果那樣可以來這兒休息一下,看上去象一個旅館的廣告.這個路標的名字似乎叫----confirm .看看那邊還有一個是嗎.讓我看看

window.prompt("please enter user name")

恩?似乎我們自己可以在上面寫些東西什么的.是的,看樣子,這家旅館的服務還不錯,至少可以寫個投訴之類的東西,好了,今晚就住這兒了,至少看上去還不壞.明天繼續.

 *  引路人 ---------- 條件結構

早上好,我親愛的朋友.昨晚睡的好嗎?我想,我們還是雇個向導,你怎么樣?價格方面應該很便宜,啊哈,那就說定了.看看,他怎么樣?看上去挺可靠.

他在說什么?似乎是土語.好象是在說,讓我們去個不錯的地方.是嗎?是的.var是什么?恩,看上去很象是個變量的申明.是的,以后我們可以使用這個變量了,變量的名字叫X是嗎?是的,很COOL的名字.然后下面有 if else 這個結構似乎哪兒都有,是選擇題嗎?是的.選選看.如果,我們選擇是,那是個不錯的選擇.如果是否呢?噢…也不壞,他并不強迫我們是嗎.yes/no的值是存放在X中的,而X的值的不同,將會有不同的選擇.也就是 if else結構的作用.

我想,我們該結帳了.你來還是我來,簽個名吧.以便決定有誰來付帳單.

寫好了嗎,我們該決定是否去他說的地方了,你聽,他又問了一遍

Welcome !

好了,我們出發吧.

  *  行廊   ---------函數

嘿,你準備背包了嗎?干什么?噢,天啊!你不知道嗎?把一些事物放到背包里,是可以重復使用的,比方:

function testsay()

{

  document.write("How Are You?")

}

這樣我們不用對每一個人都說一次,只用testsay(),使用背包里的函數,就可以了.很方便是嗎?現在我想一定知道背包的重要性了,那么好吧,還等什么,干什么不自己動手往里面放點東西.