javascript開(kāi)發(fā)技術(shù)大全 第2章 開(kāi)始JAVAScript之旅
更新時(shí)間:2011年07月03日 22:43:47 作者:
1st JavaScript Editor ,除了有著色處,還有html標(biāo)簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來(lái)編輯網(wǎng)頁(yè),也可將常用瀏覽器內(nèi)置在窗口中。
2.1 選擇適合自已的編輯工具
1.記事本 2. Ultra Edit32 :有對(duì)關(guān)鍵遼著色、自動(dòng)更正關(guān)鍵字 3.EditPlus:把瀏覽器嵌入了自已的窗口中,可隨時(shí)瀏覽網(wǎng)頁(yè)效果。
4.1st JavaScript Editor ,除了有著色處,還有html標(biāo)簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來(lái)編輯網(wǎng)頁(yè),也可將常用瀏覽器內(nèi)置在窗口中。
下載地址 1stJavaScript Editor 3.8特別版
5.Dreamweaver 6.其它工具,frontpage、netscape自帶的編輯器。
2.2 在Html中插入javascript
2.2.1 在html文檔中插入javascipt
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
2.2.2 javascipt的解析次序
是按書寫次序解析執(zhí)行的。
2.2.3 script元素屬性
2.2.4 設(shè)置腳本語(yǔ)言名
<script language="javascript">
documnet.write("使用javascript輸出的文字<br>“);
</script>
在html中可以設(shè)置不同的腳本語(yǔ)言。
2.2.5 設(shè)置腳本語(yǔ)言的版本
2.2.6 設(shè)置腳本語(yǔ)言類型
2.2.7 引用外部腳本文件
用到script元素的src屬性,值應(yīng)為url
使用外部腳本有以下幾個(gè)優(yōu)勢(shì):
1.簡(jiǎn)化html代碼
2.編程模塊化
3.代碼易于維護(hù)
4.增加安全性
5 加速瀏覽
6 引用服務(wù)器文件。
2.2.8 邊裝載邊解析與先裝載后解析
在<script>的標(biāo)簽中添加defer屬性,那么結(jié)果是先裝載后解析
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
2.3 javascript的注釋
//被注釋的語(yǔ)句
/* */
2.4 不支持客戶端腳本語(yǔ)言的處理方法
<!--yyyyyyyy-->
2.5 調(diào)用與執(zhí)行javascript代碼的方式
1.直接執(zhí)行的javascript代碼
2.直接調(diào)用函數(shù)
3使用javascript:語(yǔ)句調(diào)用
4.通過(guò)事件調(diào)用
<html>
<head>
<title>通過(guò)事件調(diào)用</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<a href="#" onclick="javascript:alert('您好!')">這是一個(gè)超鏈接</a><br>
<a href="#" onclick="alert('您好!')">這是另一個(gè)超鏈接</a><br>
<input type="button" value="按鈕" onclick="javascript:alert('您好')">
<input type="button" value="另一個(gè)按鈕" onclick="alert('您好')">
</body>
</html>
2.6 調(diào)試javascript
2.7 注意事項(xiàng)
1.區(qū)分大小寫
2.表示語(yǔ)句結(jié)束:加;號(hào),或加換行符
本單元完畢。
1.記事本 2. Ultra Edit32 :有對(duì)關(guān)鍵遼著色、自動(dòng)更正關(guān)鍵字 3.EditPlus:把瀏覽器嵌入了自已的窗口中,可隨時(shí)瀏覽網(wǎng)頁(yè)效果。
4.1st JavaScript Editor ,除了有著色處,還有html標(biāo)簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來(lái)編輯網(wǎng)頁(yè),也可將常用瀏覽器內(nèi)置在窗口中。
下載地址 1stJavaScript Editor 3.8特別版
5.Dreamweaver 6.其它工具,frontpage、netscape自帶的編輯器。
2.2 在Html中插入javascript
2.2.1 在html文檔中插入javascipt
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
2.2.2 javascipt的解析次序
是按書寫次序解析執(zhí)行的。
2.2.3 script元素屬性
屬性名 | 屬性說(shuō)明 |
charset | 腳本的字符集 |
defer | 先裝載后解析 |
language | 腳本的語(yǔ)言 |
src | 外部腳本文件地址 |
type | 腳本的類型 |
復(fù)制代碼 代碼如下:
<script language="javascript">
documnet.write("使用javascript輸出的文字<br>“);
</script>
在html中可以設(shè)置不同的腳本語(yǔ)言。
2.2.5 設(shè)置腳本語(yǔ)言的版本
2.2.6 設(shè)置腳本語(yǔ)言類型
2.2.7 引用外部腳本文件
用到script元素的src屬性,值應(yīng)為url
使用外部腳本有以下幾個(gè)優(yōu)勢(shì):
1.簡(jiǎn)化html代碼
2.編程模塊化
3.代碼易于維護(hù)
4.增加安全性
5 加速瀏覽
6 引用服務(wù)器文件。
2.2.8 邊裝載邊解析與先裝載后解析
在<script>的標(biāo)簽中添加defer屬性,那么結(jié)果是先裝載后解析
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
2.3 javascript的注釋
//被注釋的語(yǔ)句
/* */
2.4 不支持客戶端腳本語(yǔ)言的處理方法
<!--yyyyyyyy-->
2.5 調(diào)用與執(zhí)行javascript代碼的方式
1.直接執(zhí)行的javascript代碼
2.直接調(diào)用函數(shù)
3使用javascript:語(yǔ)句調(diào)用
4.通過(guò)事件調(diào)用
復(fù)制代碼 代碼如下:
<html>
<head>
<title>通過(guò)事件調(diào)用</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<a href="#" onclick="javascript:alert('您好!')">這是一個(gè)超鏈接</a><br>
<a href="#" onclick="alert('您好!')">這是另一個(gè)超鏈接</a><br>
<input type="button" value="按鈕" onclick="javascript:alert('您好')">
<input type="button" value="另一個(gè)按鈕" onclick="alert('您好')">
</body>
</html>
2.6 調(diào)試javascript
2.7 注意事項(xiàng)
1.區(qū)分大小寫
2.表示語(yǔ)句結(jié)束:加;號(hào),或加換行符
本單元完畢。
相關(guān)文章
簡(jiǎn)介JavaScript中用于處理正切的Math.tan()方法
這篇文章主要介紹了簡(jiǎn)介JavaScript中用于處理正切的Math.tan()方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06解決js正則匹配換行問(wèn)題實(shí)現(xiàn)代碼
js正則匹配換行過(guò)程中會(huì)出現(xiàn)很多的問(wèn)題,本文將提供詳細(xì)的解決方法,需要的朋友可以參考下2012-12-12Javascript模塊化編程(三)require.js的用法及功能介紹
這個(gè)系列的第一部分和第二部分,介紹了Javascript模塊原型和理論概念,今天介紹如何將它們用于實(shí)戰(zhàn)。我采用的是一個(gè)非常流行的庫(kù)require.js感興趣的朋友可以了解下啊2013-01-01parentElement,srcElement的使用小結(jié)
本篇文章主要是對(duì)parentElement,srcElement的使用進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié)
這篇文章主要介紹了JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié),簡(jiǎn)單說(shuō)就是字符串和數(shù)字的差別,看完本文會(huì)有一個(gè)清晰的認(rèn)知,需要的朋友可以參考下2014-08-08JavaScript replace(rgExp,fn)正則替換的用法
再看jQuery源碼的時(shí)候遇到了replace中參數(shù)為函數(shù)的用法,正好復(fù)習(xí)一下replace正則替換的用法。2010-03-03