返回列表 上一主題 發帖

[教學] (教學第1篇)JavaScript概說與Script標籤

小誌
　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員Rank: 9Rank: 9Rank: 9

帖子
1206 
主題
396 
精華
113 
積分
1747 
點名
1  
作業系統
Vista 
軟體版本
Office 2003 
閱讀權限
200 
性別
男 
來自
台灣 
註冊時間
2010-5-1 
最後登錄
2026-9-24 

2021牛年全勤獎章好學求知勳章熱烈參與勳章2017 雞年全勤獎章2018 狗年全勤獎章2019 豬年全勤獎章2020鼠年全勤獎章
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2010-5-9 16:07 | 只看該作者

[教學] (教學第1篇)JavaScript概說與Script標籤

JavaScrip是一種網頁程式應用語言，由JavaScript所完成的網頁程式並不需要透過模擬網路伺服器(IIS；Apache…)的機制來開啟，因為瀏覽器本身就具有執行這些網頁應用程式的能力。或許你會問：Java是不是一種程式語言？答案是肯定的，而且它還是種高階的物件導向語言！它的語法跟C語言很像，但程式的撰寫卻又比C語言更簡易，換句話說：它是C語言的陽春版。

HTML(HyperText Markup Language)超文件標記語言是構成網頁的基礎，但是利用HTML標記語言所撰寫出來的網頁是死的，也就是說它沒有互動性，HTML網頁一編寫完成後，網頁的內容、樣式…等等就固定了，除非你再編修它，否則每次瀏覽網頁所看的畫面都將是固定的！然而，若是加上JavaScript後就不一樣了，舉個例來說：瀏覽者在早上8點到中午12點時來到網站瀏覽網頁時我的首頁背景將是紅色的，在其餘時間光臨時，網頁背景則是黃色的；這樣簡單的背景顏色變化很難嗎？不難，但是光靠HTML標記語言是做不到的，除非你加上了JavaScript(當然，使用VBScript也行，不過，不在探討範圍)！

Script標籤
我們所撰寫的JavaScript要放在哪？當然是放在網頁原始碼中，但是JavaScript程式碼必須被包括在<Script></Sscript>這組標籤之內，同時還必須在<Script>標籤內指明我們所使用的網頁程式應用語言！
  1. <script language="javascript">

  3. //在此撰寫我們的javascriptt程式

  5. </script>
複製代碼
Script標籤可以放在HTML網頁中的任何地方！當我們所撰寫的JavaScript程式碼被<Script></Sscript>這組標籤包括起來之後就變成了一支JavaScript程式！那這支JavaScript程式應該放在HTML文件(為避免誤會，在後續解說一律將網頁原始碼稱之為HTML文件或網頁文件)的哪個位置呢？答案是：都可以，不管是放在文件的開頭區(<HEAD></HEAD>標籤之間)或是網頁主體區(<BODY></BODY>標籤之間)，只要你高興就行了啦！但，程式最好還是放在網頁文件位置的月前面越好，因為電腦很笨！它解讀文件的順序是由上而下依序解讀，若是我們的程式需要被使用，但是電腦又還沒解讀到程式區段的敘述，那可就出槌完蛋囉！

資料輸出
如果我們想將一段HEML內容『輸出』到網頁中， 那該怎麼做呢？在標準的HTML文件中我們會採用下列的方法：直接在<body></body>標籤之間鍵入我們所要呈現的內容 (本例為輸出文字”網頁主體”)：
  1. <html>
  2. <head>
  3. <title>資料輸出</title>
  4. </head>

  6. <body>
  7. 網頁主體
  8. </body>
  9. </html>
複製代碼
在上例中，我們使用固定式的傳統寫法，也就是在HTML文件中直接鍵入欲出現在網頁中的文字’網頁主體’，若我們想改採JavaScript程式輸出的方式來達到相同的結果，那我們就可以利用JavaScript的輸出函式，其標準格式如下所示：
  1. document.write("輸出資料內容");
複製代碼
上式中，我們所要輸出的資料必須使用雙引號包括起來，也就是說，雙引號的內容將會被輸出到網頁中：
  1. <html>
  2. <head>
  3. <title>資料輸出</title>
  4. </head>

  6. <body>
  7. <script language="javascript">
  8. document.write("網頁主體");//在網頁中輸出"網頁主體"四個字
  9. </script>
  10. 網頁主體
  11. </body>
  12. </html>
複製代碼
當然，我們所輸出的資料也可以包含有HTML標籤，例如：我們希望呈現在網頁中的是一段置中對齊的紅色文字字串：
  1. <body>
  2. <script language="javascript">
  3. document.write("<center><font color='red'>網頁主體</font>");
  4. //在網頁中輸出位置水平置中且顏色為紅色的"網頁主體"四個字
  5. </script>
  6. </body>
複製代碼
收藏 分享
心安，平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

        靜思自在 : 有願放在心裡，沒有身體力行，正如耕田不播種，皆是空過因緣。
返回列表 上一主題