首頁 > web前端 > js教程 > 主體

javascript加入網頁有幾個方法

醉折花枝作酒筹
發布: 2023-01-07 11:43:43
原創
8082 人瀏覽過

js加入網頁的方法有兩種,分別是:1、直接方式,語法格式為「<script>js程式碼</script>」;2、引用方式,語法格式「< script src=“js地址” type="text/javascript">”。

javascript加入網頁有幾個方法

1、直接方式

  這是最常用的方法,含有Javascript的網頁大多採用此方法,如:

<script type="application/javascript">
  <!--
  document.write("这是Javascript!采用直接插入的方法!");
  //-Javascript结束-->
  </script>
登入後複製

  在這個例子中,我們可以看到一個新的標籤: <script>…</script>,而

或.. ...中的任何地方。

  還有一個更高級版本的嵌入腳本,它使用了HTML中的CDATA語法(Character Data,就是把CDATA中的文字全部當作純文字處理,除非遇到CDATA的結束)

<script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--
  //javascript代码
  //--><!]]></script>
登入後複製

2、引用方式

  如果已經存在一個Javascript原始檔(通常以js為副檔名),則可以採用這種參考的方式,以提高程式碼的使用率。其基本格式如下:

<script src=“url” type="text/javascript"></script>
登入後複製

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

document.write("这是Javascript!采用直接插入的方法!");
登入後複製

  在網頁中可以這樣呼叫程式:< script src="Script.js" type="text/javascript"> 。

  也可以同時在匯入檔案時制定javascript的版本,例如:

  注意:凡是指定了src屬性的script標籤裡的內容都會被忽略。

【推薦學習:javascript高階教學

#

以上是javascript加入網頁有幾個方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板