JavaScript在html中的引用方式

     HTML是網頁的結構,CSS是網頁的外觀,而JavaScript是頁面的行爲。

      JavaScript在HTML的引用共有4種:

  • (1)頁頭引入(head標籤內);
  • (2)頁中引入(body標籤內);
  • (3)元素事件中引入(標籤屬性中引入);
  • (4)引入外部JS文件;

  • 一、頁頭引入JS

    在頁頭引入JS,指的就是在<head></head>標籤內編寫JavaScript。

    語法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <head>
        <title></title>
        <script type="text/javascript">
            //這裏編寫JavaScript程序
        </script>
    </head>
    <body>
    </body>
    </html>

    二、頁中引入JS

    在頁中引入JS,指的就是在<body></body>標籤內編寫JavaScript。

    語法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            //這裏編寫JavaScript程序
        </script>
    </body>
    </html>

    三、元素事件中引入JS

    在元素事件中引入JS,就是指在元素的某一個屬性中直接編寫JavaScript程序或調用,這個屬性指的是元素的“事件屬性”。

    舉例1:(在元素事件屬性中直接編寫JavaScript)

    1
    2
    3
    4
    5
    6
    7
    8
    <head>
        <title></title>
    </head>
    <body>
        <input type="button" onClick="alert('綠葉學習網')" value="按鈕"/>
    </body>
    </html>

    舉例2:(元素事件屬性調用JavaScript函數)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <head>
        <title></title>
        <script type="text/javascript">
            function alertMessage()
            {
                alert("綠葉學習網");
            }
        </script>
    </head>
    <body>
        <input type="button" onclick="alertMessage()" value="按鈕"/>
    </body>
    </html>

    四、引入外部JS文件

    引入外部JS文件,說白了就是把JavaScript程序存放在一個後綴名爲.js的文件中,然後使用link標籤來引用。此外,引用外部JS文件的link標籤必須放在<head></head>內。

    語法:<script src="js/index.js" type="text/javascript"></script>

  • 參考文獻:http://www.lvyestudy.com/les_js/js_1.3.aspx


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章