從制造到創(chuàng)造
          軟件工程師成長之路
          posts - 292,  comments - 96,  trackbacks - 0
          ??????? 現(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"

          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í)行結果為:先顯示 "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>

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

          ??????(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 按鈕,彈出對話框

          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>

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

          snap0003.gif

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

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

          常用鏈接

          留言簿(9)

          我參與的團隊

          隨筆分類(245)

          隨筆檔案(239)

          文章分類(3)

          文章檔案(3)

          收藏夾(576)

          友情鏈接

          搜索

          •  

          積分與排名

          • 積分 - 458376
          • 排名 - 114

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 清水河县| 乌海市| 峨山| 陇南市| 亳州市| 饶平县| 紫阳县| 浦东新区| 杭州市| 汉川市| 博白县| 大田县| 盱眙县| 呼伦贝尔市| 桦南县| 彭阳县| 吉水县| 阿拉尔市| 潞西市| 东至县| 开江县| 襄垣县| 揭阳市| 宽城| 中牟县| 海原县| 涿州市| 安远县| 化州市| 北辰区| 南安市| 高青县| 微山县| 九台市| 会宁县| 大同市| 石景山区| 五常市| 阿瓦提县| 钦州市| 那坡县|