??????? 現在，JavaScript技術已經應用非常廣泛，所以學好JavaScript肯定對自己的工作和學習都有好處。以前零零散散學過一些，并不系統，所以從今天開始，通過視頻教學加參考資料，好好學一下這個東西。
??????
JavaScript腳本代碼的位置
??????可以在三個地方編寫JavaScript腳本代碼：
??????①?在網頁文件的<script></script>標簽對中直接編寫
??????② 將代碼放置在一個單獨的文件中(*.js)，在網頁文件中引用這個文件
??????③ 將代碼作為某個元素的事件屬性值或者超鏈接的href屬性值。
??????(1)
在網頁文件的<script></script>標簽對中直接編寫
????????????JavaScript代碼可以放在<head></head>標簽對或者<body></body>標簽對中。
????????????a：放在<head></head>標簽對中
????????????
?1?<html>
?2?<head>
?3?<title>JS代碼的位置</title>
?4?<script?language="JavaScript">
?5?????alert(new?Date());
?6?</script>
?7?</head>
?8?<body>
?9?abc
10?</body>
11?</html>
??????????
??執行結果為：先彈出對話框，后顯示 "abc"
????????????b：放在<body></body>標簽對中
?1?<html>
?2?<head>
?3?<title>JS代碼的位置</title>
?4?</head>
?5?<body>
?6?abc
?7?<script?language="JavaScript">
?8?????alert(new?Date());
?9?</script>
10?</body>
11?</html>
????????????執行結果為：先顯示 "abc"，后彈出對話框
??????(2)?
將代碼放置在一個單獨的文件中(*.js)，在網頁文件中引用這個文件
????????????script.js文件代碼：
????????????
?????????主頁面alert.htm文件代碼：
??????????????????
?1?<html>
?2?<head>
?3?????<title>內嵌JS文件</title>
?4?????<script?src="script.js"?language="JavaScript">
?5?????</script>
?6?</head>
?7?<body?bgcolor="white">
?8?
?9?</body>
10?</html>
???????????????
運行結果：打開頁面，彈出對話窗口。
??????(3)?
將代碼作為某個元素的事件屬性值或者超鏈接的href屬性值。???????????a?： 將代碼作為某個元素的事件屬性值：
1?<html>
2?<head>
3?<title>?將JS代碼作為A標簽的屬性</title>
4?</head>
5?<body?bgcolor="white">
6?????<input?type="button"?value="test"?onclick="alert(new?Date())">
7?</body>
8?</html>
???????????????
運行結果：單擊test 按鈕，彈出對話框
??????b?： 將代碼作為超鏈接的href屬性值：
1?<html>
2?<head>
3?????<title>?將JS代碼作為A標簽的屬性</title>
4?</head>
5?<body?bgcolor="white">
6?????<a?href="JavaScript:alert(new?Date());">JavaScript</a>
7?</body>
8?</html>
??????????????
?運行結果：點擊JavaScript鏈接，彈出對話框
posted on 2006-09-17 00:25
CoderDream 閱讀(363)
評論(0) 編輯 收藏 所屬分類:
JavaScript