從制造到創(chuàng)造
          軟件工程師成長之路
          posts - 292,  comments - 96,  trackbacks - 0
          ??????? 現(xiàn)在,JavaScript技術(shù)已經(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í)行結(jié)果為:先彈出對話框,后顯示 "abc"

          snap0001.gif


          ????????????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í)行結(jié)果為:先顯示 "abc",后彈出對話框

          snap0002.gif


          ??????(2)? 將代碼放置在一個單獨的文件中(*.js),在網(wǎng)頁文件中引用這個文件

          ????????????script.js文件代碼:
          ????????????
          alert(new?Date());

          ?????????主頁面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>

          ???????????????運行結(jié)果:打開頁面,彈出對話窗口。

          ??????(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>

          ???????????????運行結(jié)果:單擊test 按鈕,彈出對話框

          snap0004.gif


          ??????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>

          ???????????????運行結(jié)果:點擊JavaScript鏈接,彈出對話框

          snap0003.gif

          posted on 2006-09-17 00:25 CoderDream 閱讀(366) 評論(0)  編輯  收藏 所屬分類: JavaScript

          <2006年9月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          1234567

          常用鏈接

          留言簿(9)

          我參與的團隊

          隨筆分類(245)

          隨筆檔案(239)

          文章分類(3)

          文章檔案(3)

          收藏夾(576)

          友情鏈接

          搜索

          •  

          積分與排名

          • 積分 - 459238
          • 排名 - 114

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 山西省| 凌源市| 嘉鱼县| 海原县| 保山市| 泸水县| 林甸县| 达孜县| 洛宁县| 资源县| 黄陵县| 达州市| 达拉特旗| 宜阳县| 罗定市| 奎屯市| 沙湾县| 宜兰市| 孟村| 黔东| 三原县| 延长县| 微山县| 西平县| 张家口市| 姚安县| 湘乡市| 延庆县| 黄平县| 资兴市| 拉孜县| 滨州市| 都兰县| 大埔县| 奉贤区| 天柱县| 阿坝县| 耒阳市| 玉林市| 璧山县| 佛坪县|