本章介紹“如何將Javascript腳本”放在頁面里。
用JS腳本書寫文字的方法,下面是一個簡單的例子:
============================================== 腳本代碼:
<SCRIPT LANGUAGE="javascript"> document.write("<FONT COLOR='RED'>這是紅色的字</FONT>") </SCRIPT> ============================================== 效果: 這是紅色的字 ============================================== javascript和java是不同的。java是由SUN公司開發的面向對象的程序語言,它可以用來編寫獨立的java程序,或者編寫稱 之為java applet的小程序,它主要針對于專業的編程人員,并非普通用戶使用,而且一般情況下你是看不到它的源代碼 的。其中與主頁制作比較密切的是java applet,它的源代碼經過編譯后才能執行,使用時你需要將applet代碼插入HTML, 通過瀏覽器載入執行。由于它裝載的時間較長,如果網頁中的java applet程序太多會導致頁面下載很慢。這樣你的訪問者 也許沒有過多的耐心等待頁面完全顯示出來就會離開了。 我們這里所說的是javascript,你可以將它看作是java的“親 戚”,它實際上是一種腳本語言,是文本性質的,所以我們能夠看到它的源代碼,非常便于學習和理解,稍有編程經驗的 人都能迅速改變和修改其源代碼以適應自己的頁面,是一種真正意義上的面向普通用戶的腳本語言。javascript腳本代碼 一般插入到HTML的<head>或<body>區,當瀏覽器瀏覽有JS腳本的頁面時就會執行并產生“交互”的動態頁面效果,速度非 常快。現在凡是制作得比較出色的網站無一例外都或多或少地使用了javascript技術。
需要注意的是:javascript腳本必須要瀏覽器支持才可以,如果瀏覽器不支持javascript或者瀏覽器的javascript選項沒 有打開也是不能執行的。以IE瀏覽器為例打開javascript的方法是“查看-選項-高級”中允許運行java即可。
如何書寫javascript?
首先,javascript不是HTML。它是HTML中的一段文本。HTML的語法并不非常的嚴謹,實際上是非常寬松的,比如你在文字 間或者段落間加入若干的空格對于HTML并沒有多大的區別,這也就是為什么大多數HTML語言沒必要非得寫在同一行,寫不 寫在一行這對于HTML沒有任何得區別。
javascript的語法規則就要嚴格得多。如果這樣寫上面得例子:document.write("<FONT COLOR='RED'>這是紅色 的字 </FONT>") ,即你斷行了,執行時就會出錯(出錯提示為:無效的結尾)。這一點應該注意。
另一個問題是:javascript大小寫敏感嗎? 回答是:YES
javascript的首行應該是:<SCRIPT LANGUAGE="javascript"> ,這一句告訴瀏覽器“下面開始執行javascript腳本了”。 這一句里真的需要LANGUAGE="javascript" 這些字符嗎?YES,因為還有許多其它類型的腳本存在,例如LiveScript, VBscript等。加上這一句使瀏覽器很輕松地理解你的意思。
記住:javascript 腳本以<SCRIPT LANGUAGE="javascript">開始,以</SCRIPT>. 結束。
再看看上面的例子,稍微解釋一下:
document.write("<FONT COLOR='RED'>這是紅色的字</FONT>")這一句中,document是一個“已存在的對象”,write是實 現的“方法”。于是腳本就明白了用對象寫點什么東西,括弧里面就是要寫的東西,你可以使用標準的HTML語法。注意: 雙引號里面要用單引號,要配對才行。否則腳本運行出錯。
=================================================== 復習一下: (1) 這是紅色的字這是藍色的字
源代碼: <script language="javascript"> document.write("<FONT COLOR='RED'>這是紅色的字</FONT>") document.write("<FONT COLOR='blue'>這是藍色的字</FONT>") </script> (2) 這是紅色的字
這是藍色的字
源代碼: <script language="javascript"> document.write("<FONT COLOR='RED'>這是紅色的字</FONT><p>") document.write("<FONT COLOR='blue'>這是藍色的字</FONT>") </script>
:-D 在同一行和換行都要會寫啊!
|