1. 程式人生 > >HTML匯入JavaScript的方式

HTML匯入JavaScript的方式

三、HTML中如何使用JS程式碼

3.2 內嵌模式

CSS內嵌,在HTML頁面內嵌在<style>標記中;而JS內嵌,內嵌在HTML頁面<script>標記中。

比如:

<script type="text/javascript">
    document.write("ailee最美")
</script>

注:type必須寫

 

3.2 外鏈模式

JS根據CSS-樣,也可以將行為與結構進行分離,將行為單獨的建立的檔案,然後再外鏈的方式將JS檔案連結到HTML頁面中,然後建立JS檔案字尾名為.js

 

程式碼如下:

<!-- 在css中,我們使用link標記來進行外鏈-->
<!-- 在JS中,我們還是使用script標記來外鏈-->
<script src="../../js/demo.js" charset="utf-8"></script>

 

外鏈的最大的好處,將行為和結構分離,並且可以做到行為複用。
使用外鏈時,需要注意的事項:

A)外部指令碼檔案中,只能編寫JS程式碼,不允許出現其他程式碼

B)在外部連結JS檔案時,src屬性中寫檔案的路徑,並且推薦使用相對路徑

C)在連結的<script>標記中,請不要編寫任何指令碼程式碼,如果需要內嵌,請再定義一個<script>標記

D)<script>標記可以寫HTML頁面中的任何地方,沒有特殊要求的情況下,可以寫在 <head>裡面,但是如果對JS程式碼有載入順序的要求的,,那麼請寫在body最下方