萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Javascript代碼如何應用到網頁中

Javascript代碼如何應用到網頁中

  在今天的網頁中 javascript 使用相當廣泛,它能使網頁增加互動性。javascript 使有規律地重復的html文段簡化,減少下載時間。javascript 能及時響應用戶的操作,對提交表單即使的檢查,無需浪費時間交由cgl驗證。javascript 的特點是無窮無盡的,只要你有創意。那麼javascript 在網頁的用法是什麼呢,下面我來具體講講。

  Javascript加入網頁有兩種方法:

  1、直接加入HTML文檔

  這是最常用的方法,大部分含有Javascript的網頁都采用這種方法,如:

  <script language="Javascript">

  <!--

  document.writeln("這是Javascript!采用直接插入的方法!");

  //-Javascript結束-->

  </script>

  在這個例子中,我們可看到一個新的標簽: <script>……</script>,而<script language="Javascript”> 用來告訴浏覽器這是用Javascript編寫的程序,需要調動相應的解釋程序進行解釋。

  HTML的注釋標簽<!--和-->:用來去掉浏覽器所不能識別的Javascript源代碼的,這對不支持 Javascript 語言的浏覽器來說是很有用的。

   //-Javascript結束:雙斜槓表示 Javascript的注釋部分,即從//開始到行尾的字符都被忽略。 至於程序中所用到的document.write()函數則表示將括號中的文字輸出到窗口中去。另外一點需要注意的是,<script>…… </script>的位置並不是固定的,可以包含在<head>......</head> 或<body>.....</body>中的任何地方。

  2、引用方式

  如果已經存在一個Javascript源文件(以js為擴展名),則可以采用這種引用的方式,以提高程序代碼的利用率。其基本格式如下:

  <script src=url language="Javascript"></script>

  其中的Url就是程序文件的地址。同樣的,這樣的語句可以放在HTML文檔頭部或主體的任何部分。 如果要實現“直接插入方式”中所舉例子的效果,可以首先創建一個Javascript源代碼文件“Script.js”,其內容如下:

  document.writeln("這是Javascript!采用直接插入的方法!");

  在網頁中可以這樣調用程序:<script src="Script.js" language="Javascript"></script>

copyright © 萬盛學電腦網 all rights reserved