认识JavaScript及电脑程式设计的基本架构.pptVIP

認識JavaScript及

電腦程式設計的基本架構認識variables及datatypes

推薦參考書籍ReedD.,ABalancedIntroductiontoComputerScience,PearsonPrenticeHall,NewJersy,2005./reed/

課程內容什麼是程式設計HTML與JavaScript的差別認識程式中的變數（variables）第一次與讀者的互動：Prompt小視窗嘗試自己寫JavaScript程式

程式設計的基本概念吃完晚飯，是否該完成計概作業呢？還是出去約會呢？有沒有好看的衣服沒有?繼續作計概作業吧！有心情好嗎？好不好有沒有錢有沒有臉上有沒有痘子有?耶！出去約會！沒有

HTML與JavaScript的差別HTML語言的架構JavaScript語言的架構文字、圖形、聲音及影像的資料與其相關的HTML指令輸出至網頁瀏覽器從網頁的某一物件輸入相關問題的資料經過邏輯的判斷、數學的計算或是文字的編輯在網頁的某一物件輸出程式執行結果

JavaScript的基本結構將Java的語言程式直接內崁於Homepage的HTML中，讓瀏覽器執行其程式。htmlhead……./headbody………./bodySCRIPTLANGUAGE=JavaScript JavaScript語言程式/SCRIPTNOSCRIPT當瀏覽器沒有支援JavaScript的時候/NOSCRIPT

開啟新的空白網頁開啟「FrontPage」先將此空白網頁存於「桌面\WWW\js-2」，檔名為「index.htm」將編輯模式改為「HTML」在body及/body之間插入右邊的JavaScript程式centerSCRIPTLANGUAGE=JavaScript document.write(Hello,welcometomyWebpage);/SCRIPT/center

讓網頁更有禮貌SCRIPTLANGUAGE=JavaScript varfirstname;firstname=prompt(Pleaseenteryourfirstname,); document.write(Hello+firstname+,welcometomyWebpage!);/SCRIPT

Prompt小視窗的語法字串變數=prompt(輸出的訊息字串,輸入資料的內設值);先在文字方塊輸入提示問題的答案在按下「確定」之後，文字方塊所輸入的文字（即使是數字）當成純文字（字串string）存在「字串變數」

儲存資訊-變數（variables）變數是所有電腦程式的基本記憶單位變數的宣告：變數名必須以字母或底線開頭、其後可接字母、底線或數字varVariablename[=Initial_value]varresult; （不明變數）varresult=10; （數值變數）varresult=“abc” （字串變數）不正確的變數名稱2hotforUSalary$TwowordsJohn’sWeaklyTypedJavaScript不需要明確地宣告每一變數的型態變數的型態可隨資訊的不同而改變其型態變數能夠讓JavaScript程式儲存資訊包括數字、文字、圖片、聲音或一個物件，以便JavaScript程式中使用或運算這些資訊。

變數內的資料型態—字串字串（string）：以單引號或雙引號包圍起來的字元集合foolhandsome“Hello!‘Welcome‘”輸出時的特殊指令br：斷行p：新段落如：特殊字元\：「」字串\：「〃」字串\\：「\」字串\t：「Tab鍵」字串\b：「退後鍵」字串\r：「return鍵」字串\e：「Escape鍵」字串\f：「fromfeed」字串

認識字串變數的用法作業一：下列的JavaScript指令希望能在網頁上歡迎語的下一行印出英文歌詞，卻發生嚴重的語法錯誤，請幫忙修改之document.write(Gonearethedayswhenmyheartwasyoungandgay,Gonearemyfriendsfromthecottonfieldsaway,GonefromtheearthtoabetterlandIknow,IheartheirgentlevoicescallingOldBlackJoe.Imcoming,Imcoming,formyheadisbendinglow,IheartheirgentlevoicescallingOldBlack