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