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