??????? 現(xiàn)在,JavaScript技術已經(jīng)應用非常廣泛,所以學好JavaScript肯定對自己的工作和學習都有好處。以前零零散散學過一些,并不系統(tǒng),所以從今天開始,通過視頻教學加參考資料,好好學一下這個東西。
??????
JavaScript腳本代碼的位置
??????可以在三個地方編寫JavaScript腳本代碼:
??????①?在網(wǎng)頁文件的<script></script>標簽對中直接編寫
??????② 將代碼放置在一個單獨的文件中(*.js),在網(wǎng)頁文件中引用這個文件
??????③ 將代碼作為某個元素的事件屬性值或者超鏈接的href屬性值。
??????(1)
在網(wǎng)頁文件的<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>
??????????
??執(zhí)行結果為:先彈出對話框,后顯示 "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>
????????????執(zhí)行結果為:先顯示 "abc",后彈出對話框

??????(2)?
將代碼放置在一個單獨的文件中(*.js),在網(wǎng)頁文件中引用這個文件
????????????script.js文件代碼:
????????????
?????????主頁面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>
???????????????
運行結果:打開頁面,彈出對話窗口。
??????(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 閱讀(361)
評論(0) 編輯 收藏 所屬分類:
JavaScript