javascripte1
JavaScript 與 JAVA的相異點(2)
-- 利用專用標籤 <o:p></o:p>
包含於Script前後標籤(tag)之間。<o:p></o:p>
指定使用語言及版本。<o:p></o:p>
包含於說明標籤之中。<o:p></o:p>
宣告成外部檔案。<o:p></o:p>
-- 利用HTML標籤<o:p></o:p>
放在Anchor當中。
透過 event handler
幾種常見的撰寫格式
<Script>
document.write("JavaScript程式一")
</Script>
格式一 - 包含於Script前後標籤之間
Document對象用於將目前的文件信息輸出至使用者屏幕
write是document的眾多方法之一，作輸出的控制
如果希望HTML一載入時即執行Script，
建議將<Script>……</Script>嵌入
<Head>前後標籤之中。
<Head>
<Script> … </Script>
</Head>
格式一(Con.)
<Script language="JavaScript">
document.write("JavaScript程式二")
</Script>
格式二 - 指定使用語言
因為腳本語言不只一種，可利用語言屬性(language attribute)來標明所使用的語言。
<o:p> </o:p>
Language=JavaScript
or
Language=VBScript
or
Language=JScript
<o:p> </o:p>
格式二 (Con.)
<Script>
<!--
document.write("JavaScript程式三")
// -->
</Script>
格式三 - 包含於說明標籤之中
如果使用者使用不支持JavaScript的瀏覽器，置於文件說明標籤之中的程式碼，將被視為一般說明文字，不至於發生錯誤訊息。
格式三 (Con.)
<Script src = sayHello.js ></Script>
格式四 – 宣告成外部檔案<o:p></o:p>
這一段標簽中並不包含任何程式碼，而是將程式寫在<o:p></o:p>
另一個檔案中，利用 SRC 將該外部程式檔案指出，調用<o:p></o:p>
並執行之。
alert("hello! 歡迎光臨我的網站")<o:p></o:p>
sayHello.js 的內容<o:p></o:p>
宣告成外部檔案(*.js)的好處是，可以重複使用，<o:p></o:p>
大量節省程式開發及維護的時程。<o:p></o:p>
<Body><o:p></o:p>
<A HREF="javascript:alert('這樣也可以')"><o:p></o:p>
按我吧！</A><o:p></o:p>
</Body><o:p></o:p>
格式五 – 整合在Anchor之中<o:p></o:p>
與超鏈結整合在一起也沒有問題。<o:p></o:p>
但是要寫 “javascript:”<o:p></o:p>
<Body><o:p></o:p>
<input type="button" value=" 按我吧 "<o:p></o:p>
onClick="alert('很簡單吧！')"><o:p></o:p>
</Body><o:p></o:p>
格式六 – 事件處理程序<o:p></o:p>
並不是所有Javascript的程式碼都會放在<o:p></o:p>
<SCRIPT>… </SCRIPT>標籤組當中<o:p></o:p>
檔案內容可以是單純的JavaScript程式檔，或是JavaScript與HTML混合的程式檔。<o:p></o:p>
檔案的副檔名必須是 htm 或 html。<o:p></o:p>
純粹的 JavaScript 程式檔，副檔名是 js。<o:p></o:p>
瀏覽器載入程式後，立即依序由上而下執行。<o:p></o:p>
開始撰寫JavaScript(1)<o:p></o:p>
適當使用註解(Comment)，可以增加程式的可讀性。<o:p></o:p>
可以利用瀏覽器所提供的除錯器，進行簡單的偵測。 <o:p></o:p>
開始撰寫JavaScript(2)<o:p></o:p>
常見的錯誤(一)<o:p></o:p>
<Script><o:p></o:p>
document.write("歡迎光臨！)<o:p></o:p>
</Script><o:p></o:p>
常見的錯誤(二)<o:p></o:p>
<Script><o:p></o:p>
write("歡迎光臨！")<o:p></o:p>
</Script><o:p></o:p>
常見的錯誤(三)<o:p></o:p>
<Script><o:p></o:p>
document.Write("歡迎光臨！")<o:p></o:p>