HTML是網頁的結構,CSS是網頁的外觀,而JavaScript是頁面的行爲。
JavaScript在HTML的引用共有4種:
- (1)頁頭引入(head標籤內);
- (2)頁中引入(body標籤內);
- (3)元素事件中引入(標籤屬性中引入);
- (4)引入外部JS文件;
-
-
一、頁頭引入JS
在頁頭引入JS,指的就是在<head></head>標籤內編寫JavaScript。
語法:
12345678910<head>
<title></title>
<script type=
"text/javascript"
>
//這裏編寫JavaScript程序
</script>
</head>
<body>
</body>
</html>
二、頁中引入JS
在頁中引入JS,指的就是在<body></body>標籤內編寫JavaScript。
語法:
12345678910<head>
<title></title>
</head>
<body>
<script type=
"text/javascript"
>
//這裏編寫JavaScript程序
</script>
</body>
</html>
三、元素事件中引入JS
在元素事件中引入JS,就是指在元素的某一個屬性中直接編寫JavaScript程序或調用,這個屬性指的是元素的“事件屬性”。
12345678<head>
<title></title>
</head>
<body>
<input type=
"button"
onClick=
"alert('綠葉學習網')"
value=
"按鈕"
/>
</body>
</html>
舉例2:(元素事件屬性調用JavaScript函數)
1234567891011121314<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
-