JavaScript 使用new關(guān)鍵字的時(shí)候做了什么？

JavaScript中，使用`new`關(guān)鍵字主要做了以下幾件事情，來創(chuàng)建一個(gè)對(duì)象的實(shí)例：

1. 創(chuàng)建一個(gè)空對(duì)象：

首先，`new`關(guān)鍵字會(huì)創(chuàng)建一個(gè)空的JavaScript對(duì)象（`{}`）。

2. 設(shè)置原型：

接著，這個(gè)新創(chuàng)建的對(duì)象的`__proto__`屬性會(huì)被賦值為構(gòu)造函數(shù)的`prototype`屬性。這意味著新對(duì)象會(huì)繼承構(gòu)造函數(shù)原型上的方法和屬性。

3. 綁定`this`值：

構(gòu)造函數(shù)內(nèi)部的`this`被綁定到新創(chuàng)建的對(duì)象上。這意味著在構(gòu)造函數(shù)內(nèi)部，你可以使用`this`來引用新創(chuàng)建的對(duì)象，以便添加屬性或方法。

4. 執(zhí)行構(gòu)造函數(shù)中的代碼：

`new`關(guān)鍵字會(huì)執(zhí)行構(gòu)造函數(shù)中的代碼，根據(jù)需要初始化對(duì)象。

5. 返回新對(duì)象：

默認(rèn)情況下，構(gòu)造函數(shù)會(huì)自動(dòng)返回這個(gè)新創(chuàng)建的對(duì)象。但是，如果構(gòu)造函數(shù)顯式返回一個(gè)對(duì)象，則會(huì)返回該對(duì)象；如果返回非對(duì)象（如基本類型），則忽略該返回值，而是返回新創(chuàng)建的對(duì)象。

這個(gè)過程可以用下面的代碼示例來說明：

function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log('Hello, my name is ' + this.name + ' and I am ' + this.age + ' years old.');
};
}
// 使用new關(guān)鍵字創(chuàng)建Person的一個(gè)實(shí)例
var person1 = new Person('Alice', 30);
// 使用剛創(chuàng)建的對(duì)象
person1.greet(); // 輸出: Hello, my name is Alice and I am 30 years old.

在這個(gè)例子中，`new Person('Alice', 30)`做了以下幾步：

- 創(chuàng)建了一個(gè)空對(duì)象``

- 將這個(gè)空對(duì)象的`__proto__`指向了`Person.prototype`，使它能夠訪問到`Person.prototype`上定義的任何屬性或方法

- 將`this`綁定到新創(chuàng)建的空對(duì)象上，這樣構(gòu)造函數(shù)內(nèi)部就可以使用`this`來引用這個(gè)對(duì)象

- 執(zhí)行`Person`構(gòu)造函數(shù)內(nèi)部的代碼，給新對(duì)象添加了`name`、`age`屬性和`greet`方法

- 返回這個(gè)新創(chuàng)建的對(duì)象，賦值給`person1`變量

讀本文約需要10分鐘，您可以先關(guān)注我們，避免下次無法找到。

本篇文章成哥繼續(xù)帶大家來學(xué)習(xí)前端教程之JavaScript，網(wǎng)頁的動(dòng)態(tài)事件基本上都是靠它來實(shí)現(xiàn)的。下面我們就一起來學(xué)習(xí)內(nèi)容吧！

01 JavaScript簡介

JavaScript通常縮寫為 JS，是一種高級(jí)的，解釋執(zhí)行的編程語言。

JavaScript 是一門基于原型、函數(shù)先行的語言，是一門多范式的語言，它支持面向?qū)ο缶幊蹋钍骄幊蹋约昂瘮?shù)式編程。它提供語法來操控文本、數(shù)組、日期以及正則表達(dá)式等，不支持 I/O，比如網(wǎng)絡(luò)、存儲(chǔ)和圖形等，但這些都可以由它的宿主環(huán)境提供支持。

它已經(jīng)由 ECMA（歐洲計(jì)算機(jī)制造商協(xié)會(huì)）通過 ECMAScript 實(shí)現(xiàn)語言的標(biāo)準(zhǔn)化。

它被世界上的絕大多數(shù)網(wǎng)站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支持。

JavaScript具有如下特點(diǎn):

1）JavaScript是一種動(dòng)態(tài)語言，用于在客戶端設(shè)計(jì)網(wǎng)頁。

2）它是區(qū)分大小寫的語言。

3）它是非類型語言，即變量可以保存任何類型的值，Python語言也有相同的特點(diǎn)。

02 JavaScript文件

JavaScript的語句可以寫在HTML文件中，也可以單獨(dú)寫在.js文件中，其具體如下所示

1）HTML文件

JavaScript寫在HTML文件中時(shí)必須寫在HTML文件中的'script'標(biāo)簽中，下面我們在HTML文件中通過JavaScript輸出"Hello World"，具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.    <script>  
9.      document.write("Hello World from JavaScript!<br>");  
10.    </script>  
11. </body>  
12. </html>

2）js文件

現(xiàn)在我們創(chuàng)建一個(gè)單獨(dú)的js文件，然后在HTML文件中應(yīng)用具體示列如下：

1. // js文件  
2. document.write("Hello World from JavaScript!<br>");  
3.   
4. // html文件  
5. <!DOCTYPE html>  
6. <html>  
7. <head>  
8.   <meta charset="UTF-8">  
9.   <title>JavaScript基礎(chǔ)教程</title>  
10. </head>  
11. <body>  
12.   <!-- 引入js文件  -->  
13.   <script src="test.js"></script>  
14. </body>  
15. </html>

03 JavaScript的關(guān)鍵字、數(shù)據(jù)類型、變量與常用操作

（1）JavaScript關(guān)鍵字

JavaScript包含了許多關(guān)鍵字，我們在編寫語句時(shí)要注意避開這些關(guān)鍵字，以免引起不必要的錯(cuò)誤。其常用關(guān)鍵字如下表所示：

（2）JavaScript數(shù)據(jù)類型

JavaScript包含了三種數(shù)據(jù)類型具體如下：

1）數(shù)值類型，如'123，12.1'在JavaScript中所有的數(shù)值類型其實(shí)都是浮點(diǎn)數(shù)

2）字符串類型，如'JavaScript基礎(chǔ)教程'

3）布爾類型，如'true, false'

（3）JavaScript變量

JavaScript的變量一般用var這個(gè)關(guān)鍵字來定義，在ES6中變量一般用let定義。JavaScript是非類型化語言，即變量可以包含任何數(shù)據(jù)類型。JavaScript具體變量使用示列如下：

1. // 1.js文件  
2.  // document會(huì)在文章渲染后再執(zhí)行，所以看到其在js文件中是在前面，但HTML頁面輸出的內(nèi)容在最后  
3. document.write("Hello World from JavaScript!<br>");  
4.   
5.  // 定義變量your_name與age  
6. var your_name = "成哥";  
7. var age = 30;  
8.   // 在HTML中找到p_name的id標(biāo)簽，然后在內(nèi)部插入html內(nèi)容  
9. document.getElementById("p_name").innerHTML= "Hello "+ your_name + "<br>Age : " + age;  
10.   
11. // 2. HTML文件  
12. <!DOCTYPE html>  
13. <html>  
14. <head>  
15.   <meta charset="UTF-8">  
16.   <title>JavaScript基礎(chǔ)教程</title>  
17. </head>  
18. <body>  
19.   <p id='p_name'></p>  
20.   <script src="test.js"></script>  
21. </body>  
22. </html>

我們還可以通過prompt方法獲取用戶在頁面的輸入的變量具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // prompt方法用于獲取用戶在頁面輸入的內(nèi)容  
10.     var x = prompt("請輸入一個(gè)數(shù)字，計(jì)算其10倍的結(jié)果");  
11.     document.write("其10倍結(jié)果為：10 * ", x, " = ", 10*x + "<br>");  
12.   </script>  
13. </body>  
14. </html>

（4）JavaScript運(yùn)算符

1）算術(shù)運(yùn)算符

2）賦值運(yùn)算符

3）比較運(yùn)算符

4）條件運(yùn)算符

JavaScript的條件運(yùn)算符為問號(hào)加冒號(hào)組合（？：），其規(guī)則是問號(hào)前面條件是否為true如果為true則執(zhí)行冒號(hào)前面的表達(dá)式，如果為false則執(zhí)行冒號(hào)后面的表達(dá)式，具體如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // prompt方法用于獲取用戶在頁面輸入的內(nèi)容  
10.     var x = prompt("請輸入一個(gè)數(shù)判斷其是奇數(shù)還是偶數(shù)");  
11.     // 通過條件運(yùn)算符來進(jìn)行判斷奇偶數(shù)  
12.     var result = x % 2 === 0 ? '偶數(shù)': '奇數(shù)';  
13.     document.write("數(shù)值(", x, ")為", result);  
14.   </script>  
15. </body>  
16. </html>

5）邏輯運(yùn)算符

（5）類型轉(zhuǎn)換

1）字符串傳數(shù)值類型

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 字符串轉(zhuǎn)數(shù)值型通過Number方法實(shí)現(xiàn)  
10.     document.write("2 + Number('3.4') = ", 2 + Number('3.4'), "<br>");  
11.   </script>  
12. </body>  
13. </html>

2）整型轉(zhuǎn)換

浮點(diǎn)的數(shù)值類型與字符串的數(shù)值類型可以通過parseInt方法轉(zhuǎn)成整形具體示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 整型轉(zhuǎn)換  
10.     document.write("2 + parseInt('3.4') = ", 2 + parseInt('3.4'), "<br>"); // 字符串轉(zhuǎn)整型  
11.     document.write("2 + parseInt(3.4) = ", 2 + parseInt(3.4), "<br>"); // 浮點(diǎn)數(shù)轉(zhuǎn)整型  
12.   </script>  
13. </body>  
14. </html>

3）浮點(diǎn)數(shù)轉(zhuǎn)換

數(shù)值型字符串與數(shù)值類型可以通過parseFloat方法轉(zhuǎn)成浮點(diǎn)數(shù)，具體示列如下

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 浮點(diǎn)數(shù)轉(zhuǎn)換  
10.     document.write("2 + parseFloat('3.4') = ", 2 + parseFloat("3.4"), "<br>");   
11.   </script>  
12. </body>  
13. </html>

（6）字符串方法

JavaScript內(nèi)置了好多針對(duì)字符串操作的方法，下面我們就演示一些常用的字符串方法具體示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 字符串示例  
10.     document.write("hello".toUpperCase(), "<br>") // 轉(zhuǎn)換為大寫字母  
11.     w = "JavaScript"  
12.     document.write(w.toLowerCase(), "<br>") // 轉(zhuǎn)換為小寫  
13.     document.write(w.small(), "<br>") // 變小字體  
14.     document.write(w.bold(), "<br>") // 變粗字體  
15.     document.write(w.strike(), "<br>") // 給文字加上橫線  
16.     document.write(w.fontsize("5em"), "<br>") // 設(shè)置字號(hào)大小  
17.     document.write(w.link("http://www.baidu.com"), "<br>") // 給其增加url鏈接  
18.     document.write(w.fontcolor("red").fontsize("12em"), "<br>") // 連續(xù)使用多個(gè)方法設(shè)置  
19.   </script>  
20. </body>  
21. </html>

（7）數(shù)組

JavaScript的數(shù)組類型可以包含不同的數(shù)據(jù)類型，比如一個(gè)數(shù)組同時(shí)包含字符串與數(shù)值類型，其跟Python非常類似，具體使用示例如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <meta charset="UTF-8">  
5.   <title>JavaScript基礎(chǔ)教程</title>  
6. </head>  
7. <body>  
8.   <script>  
9.     // 數(shù)組示例  
10.     arr = [15, 30, "Meher"]  
11.   
12.     // 遍歷數(shù)組方式一：  
13.     document.write("遍歷數(shù)組方式一：", "<br>");  
14.     for(a in arr)  
15.       document.write(arr[a], " ");  
16.     document.write("<br>");  
17.   
18.     // 遍歷數(shù)組方式二：  
19.     document.write("遍歷數(shù)組方式二：", "<br>");  
20.     for (var i=0;i<arr.length;i++){  
21.       document.write(arr[i], " ");  
22.     }  
23.     document.write("<br>");  
24.   
25.     document.write(arr.pop(), "<br>"); // 移除數(shù)組最后一個(gè)元素  
26.     arr.push("JavaScript"); // 在數(shù)組最后增加一個(gè)元素  
27.     document.write(arr.pop(), "<br>");  
28.     document.write("該數(shù)組長度為: ", arr.length, "<br>");  
29.   </script>  
30. </body>  
31. </html>

04 總結(jié)

至此我們《JavaScript基礎(chǔ)教程上篇》就講完了，下篇內(nèi)容主要講解JavaScript的控制語句、函數(shù)編程及異常處理等相關(guān)知識(shí)，敬請期待。最后如果喜歡本篇文章不要忘了點(diǎn)贊、關(guān)注與轉(zhuǎn)發(fā)哦！

-END-

@IT管理局專注計(jì)算機(jī)領(lǐng)域技術(shù)、大學(xué)生活、學(xué)習(xí)方法、求職招聘、職業(yè)規(guī)劃、職場感悟等類型的原創(chuàng)內(nèi)容。期待與你相遇，和你一同成長。

文章推薦：

程序員都必掌握的前端教程之HTML基礎(chǔ)教程（上）

、結(jié)構(gòu)

一、標(biāo)記<Html> 建立HTML文檔

<Head> 設(shè)置網(wǎng)頁頭部和其它信息

<Body> 設(shè)計(jì)文件格式及內(nèi)文所在<Body> 元素的屬性

Text 設(shè)置頁面文字的送顔色 Bgcolor 設(shè)置頁面背景的顡色

Background 設(shè)置頁面的背景圖像 Link設(shè)置頁面黙認(rèn)的顔色

Bgproperties 設(shè)置頁面的背景圖像為固定，不隨頁面的滾動(dòng)而滾動(dòng)

Alink 設(shè)置鼠標(biāo)正在單擊時(shí)候的鏈接顔色 Vlink 設(shè)置訪問過后的鏈接顔色

Topmargin 設(shè)置頁面的上邊距 Leftmargin 設(shè)置頁面的左邊距

二、頭部

標(biāo)記 <Base> 當(dāng)前文檔的URL全稱 <Title>設(shè)置顯示在瀏覽器在上方的標(biāo)題內(nèi)容

<Isindex> 表明該文檔是一個(gè)可用于檢索的網(wǎng)關(guān)腳本

<Meta> 有關(guān)文檔本身的信息，例如用于查詢的關(guān)鍵詞，用于獲取該文檔的有效期等

<Style> 設(shè)置CSS層疊樣式表的內(nèi)容

<Mate> 標(biāo)記屬性

Http-Equiv 生成一個(gè)HTTP標(biāo)題域，它的取值與另一個(gè)屬性相同，

例如Http-Equiv=Expires，實(shí)際取值由Content確定

Name 如果元數(shù)據(jù)是以關(guān)鍵字/取值的形式出現(xiàn)的，Name 表示鍵字,

如Author或ID

Content 關(guān)鍵字/取值的內(nèi)容

三、文字

文字標(biāo)記 <HNumber>……<1HNumber> Number=1.2.3.4.5.6

分別指1至6級(jí)標(biāo)題

<Font>文字

文字的修飾標(biāo)記 <B>/<strong> 粗體 <I>/<Em>/<cite> 斜體

<Sup>上標(biāo) <sub>下標(biāo) <Big>大字號(hào) <small>小字號(hào)

<U>下劃線 <S>/<strike>刪除線 <Address>地址

<Tt>打字機(jī)文字 <Blink>閃爍文字（只適用于Netscape瀏覽器）

<Code>/<samp>等寬 <kbd>鍵盤輸入文字 <Var>聲明變量

<Fant>標(biāo)記的屬性

Face 字體 Size字號(hào) Color顔色

四.列表

列表標(biāo)記 <Ul>無序列表 <Ol>有序列表 <Dir>回錄列表 <Dl>定義列表

<Meru>菜單列表 <Dt>·<Dd>定義列表的標(biāo)記 <Li>列表項(xiàng)目的標(biāo)記

<Ul><Ol>標(biāo)記的屬性 Type設(shè)置列表類型 start設(shè)置列表起始屬性

Type的屬性值 1 數(shù)字 a 小寫字母 A 大寫字母 i小寫羅馬數(shù)字

I 大寫羅馬數(shù)字 Disc ● Circle ○ square □

五.鏈接

鏈接標(biāo)記 <A> 鏈接

<A>標(biāo)記的屬性 Href 指定鏈接地址 Name給鏈接命名

Title設(shè)置鏈接提示文字 Target指定鏈接的目標(biāo)窗口

Target屬性值 -parent在上一級(jí)窗口中打開。一般使用分幀的框架頁會(huì)經(jīng)常使用

-bank在新窗口中打開

-self在同一個(gè)幀或窗口中打開.這項(xiàng)一般不用設(shè)置

Href屬性值 http:// 進(jìn)入萬維網(wǎng)站點(diǎn) news://啟動(dòng)新聞?dòng)懻?/p>

ftp:// 進(jìn)入文件傳輸服務(wù)器 mailto:// 啟動(dòng)新聞?dòng)懻摻M

telnet:// 啟動(dòng)telnet方式 gopher://訪問一個(gè)gopher服務(wù)器

六.圖片

圖片標(biāo)記 <Img>圖片 <Map>圖像映射 <Area>圖像映射中定義區(qū)域

<lmg>標(biāo)記的屬性 src圖像的源文件 Alt提示文字 Width寬度

Height高度 Vspace垂直間距 Hspace水平間距 Align排列 Border邊框

Align屬性值 Top文字的中間線居于圖片上方 Middle文字的中間線居于圖片中間

Bottom文字的中間線居于圖片底部 Left 圖片在文字的左側(cè)

Right圖片在文字的右側(cè) Absbottom文字的底線居于圖片底部

Absmiddle文字的底線居于圖片中間 Baseline英文文字基線對(duì)齊

Texttop英文文字上邊線對(duì)齊

Shape屬性值

Rect矩形區(qū)域 Circle橢圓形區(qū)域 Poly多邊形區(qū)域

七.表格

1.表格標(biāo)記 <Table>…</Table>表格標(biāo)記 <Tr>…</Tr>行標(biāo)記

<Td>…</Td>單元格標(biāo)記 <Th>表頭標(biāo)記

<Table>標(biāo)記屬性 Bordercolor 表格邊框色 Borde表格邊框的寬度

Bordercolorlight 表格邊框亮邊框色（左上邊框顔色）

Bordercolordark 表格暗邊框色（右下邊框顔色）

Bordercolor 行的邊框顔色 Width表格的寬度 Height表格的高度

Bgcolor表格的背景顔色 Background表格的背圖像

<Tr>標(biāo)記屬性 Align行內(nèi)容的水平對(duì)齊 Valign 行內(nèi)容的垂直對(duì)齊

Bgcolor 行的背景顔色 Background 行的背景圖像

Bordercolor 行的邊框顔色 Bordercolorlight 行的亮邊框顔色

Bordercolordark 行的暗邊框顔色

<Td>標(biāo)記屬性 Align單元內(nèi)容的水平對(duì)齊 Valign單元格內(nèi)容的垂直對(duì)齊

Bgcolor 單元格的背景顔色 Background 單元格的背景圖像

Bordercolor單元格的背景顔色 Bordercorlorlight單元格的亮邊框顔色

Brodercolordark 單元格的暗邊框顔色 Width 單元格的寬度

Height單元格的高度

<Th>標(biāo)記屬性 Align表頭內(nèi)容的水平對(duì)齊 Valign表頭內(nèi)容的垂直對(duì)齊

Bgcolor 表頭的背景顔色 Background表頭的背景圖像

Bordercolor表頭的邊框顔色 Bordercolorlight 表頭的亮邊框顔色

Bordercolordark 表頭的暗邊框顔色 Width 表頭的寬度 Height 表頭的高度

八.表單

1.表單標(biāo)記 <Form>表單標(biāo)記 <Input>表單輸入標(biāo)記

<select>菜單和列表標(biāo)記 <Option>菜單和列表項(xiàng)目標(biāo)記

2.屬性 <Form> Name表單的名稱

Method 定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方法，一般有兩種方法：get,post

Action 用來定義表單處理程序（一個(gè)Asp,CGI等程序）的位置（相對(duì)地址或絕對(duì)地址）

<lnput>標(biāo)記屬性 Name 域的名稱 Type域的類型

Maxlength 域的最大輸入字符數(shù) size域的寬度 Value 域的默認(rèn)值

<Select>標(biāo)記屬性 Name 菜單和列表的名稱 size 顯示的選項(xiàng)數(shù)目

Multiple 列表中的項(xiàng)目多選 Value 選項(xiàng)值 selected默認(rèn)選項(xiàng)

<Texrarea>標(biāo)記屬性 Name 文字域的名稱 Rows文字域的行數(shù)

Cols 文字域的列數(shù) Value 文字域的默認(rèn)值

Type屬性值 Text 文字域 Password 密碼域 File 文件域

Checkbox復(fù)選框 Redio單選框 Button普通按扭

Submit 提交按鈕 Reset重置按鈕 Hidden隱藏域Image圖像域

九.滾動(dòng)

滾動(dòng)標(biāo)記 <Marquee>

<Marquee>標(biāo)記屬性 Direction 滾動(dòng)方向 up 文字向上滾動(dòng) Left文字向左滾動(dòng)

Behavior 滾動(dòng)方式 Scroll 循環(huán)往復(fù)

Side 只做一次滾動(dòng)

Alternate 交替進(jìn)行滾動(dòng)

ScrollAmount 滾動(dòng)速度

ScrollDelay 滾動(dòng)延遲

Trim函數(shù)用來剔除首尾空格

十.框架

1.標(biāo)記 <Frameset> 框架邊框標(biāo)記 <Frame> 框架標(biāo)記 <Iframe>浮動(dòng)框架標(biāo)記

<Frameset>標(biāo)記屬性 Cols列 Rows行

<Frame> 標(biāo)記屬性 src框架中顯示頁面源文件的路徑

FrameBorder 框架邊框顯標(biāo)屬性 FrameSpacing框架邊框?qū)挾葘傩?/p>

Scrolling框架滾動(dòng)條顯示屬性 NoResize 框架尺寸調(diào)整屬性

BorderColor 框架邊框顔色屬性 MarginWidt 框架邊框緣寬度屬性

MarginHerght框架邊緣高度屬性

<1frame> 標(biāo)記屬性 src浮動(dòng)框架中顯示頁面源文件的路徑

Width 浮動(dòng)框架的寬度 Height 浮動(dòng)框架的高度

Name 浮動(dòng)框架的名稱

Align 浮動(dòng)框架的排列方式 Left表示居左 Center表示居中 Right表示居右

FrameBorder 框架邊框顯示屬性 FrameSpacing 框架寬度屬性

Scrolling 框架滾動(dòng)條顯示屬性 ( yes顯示 No不顯示 Auto根據(jù)頁面的長度自動(dòng)判斷是否晶粒示滾動(dòng)條

NoResize 框架尺寸調(diào)整屬性 BorderColor框架的顔色

MarginWidth 框架邊緣寬度屬性 MarginHeight 框架邊緣高度屬性

插入刷新

步驟：1.選擇"查看/文件頭內(nèi)容"

2.在插入面板上，打開HTML選項(xiàng)卡

優(yōu)化代碼

打開文件窗口，執(zhí)行"命令、清理HTML"命令

文本換行：Enter 行距較大

Enter + Shift 行距較小

插入水平線設(shè)置顔色：單擊屬性面板中的快捷標(biāo)簽編輯器按鈕

在代碼中鍵入"color = #顔色值"

當(dāng)圖像無法顯示時(shí)將顯示這段文字：

圖像屬性中的替代→輸入文字

插入鼠標(biāo)經(jīng)過圖像:準(zhǔn)備兩張圖像

在文件窗口中，將光標(biāo)放置于需要翻轉(zhuǎn)圖像位置→插入工具欄中單擊鼠標(biāo)經(jīng)過圖像

Ⅱ.使用導(dǎo)航條：

在"常用"對(duì)象組中，單擊"圖像"小三角→導(dǎo)航條

插入圖像占位符：圖像小三角→圖像占位符

Flash動(dòng)畫的背景實(shí)現(xiàn)透明參數(shù)wmode 值 transparent

插入 Java Applet

插入表單

插入表單域：對(duì)象面板上"表單"→插入表單

插入文本域：單擊面板上的插入文本域. 初始值 = 打開時(shí)顯于的文字

插入密碼框：在屬性面板上選擇密碼

插入多行文本域：在類型后選擇多行

插入隱藏域：對(duì)象面板→插入隱藏域

插入按鈕：標(biāo)簽用來設(shè)置按鈕上顯示的文本

插入圖像提交按鈕=圖像域：

插入文件上傳按鈕=文件域：

插入單選框

插入單選按鈕組：Label文字說明 Value 單選按鈕的值

插入復(fù)選框

菜單/插入列表：列表值→

插入跳轉(zhuǎn)菜單：(

制作網(wǎng)頁鏈接

URL統(tǒng)一資源定位器

目標(biāo)：_blank在一個(gè)新的未命名的瀏覽器窗口中打開

_parent如果是嵌套的框架，鏈接會(huì)在父框架或窗口中打開，否則=_top

_top在完整的瀏覽器中打開

創(chuàng)建搜索頁

運(yùn)行中輸入:

Inetmgr (IIS

Odbcad32 (odbc

Asp對(duì)象

Applicatipn 在給定的應(yīng)用程序的所有用戶間共享信息,并在服務(wù)器運(yùn)行期間持久地保存數(shù)據(jù)。

集合： Contents

staticObjects

Item（變量值）=設(shè)置資料變量的值

Key（變量名稱）=設(shè)置資料變量的名稱

Count（變量資料的數(shù)量）=表示

Coutents集合中資料的總數(shù)量

方法： Lock

Unlock

事件： Applicatipn_Onstart

Application_OnEnd

Session 存儲(chǔ)特定的用戶會(huì)話所需的信息

屬性：CodePage

LCID

SessionID

Timeout

集合：Contents

StaticObjects

方法：Abandon

事件：Session_Onstart

Session_OnEnd

Response 用來控制發(fā)送給用戶的信息，包括直接發(fā)送信息給瀏覽器，重定位瀏覽器到另一個(gè)URL或設(shè)置Cookie值

屬性： Buffer

CacheControl

Charset

ContentType

Expires

ExpiresAbsolute

IsClientConnected

PICS

Status

集合： Cookies

方法： AddHeader

AppendToLog

BinaryWrite

Clear

End

Flush

Redirect

Write

Request 訪問任何基于HTTP請求傳遞的信息，常見的有從HTML表單用Post方法或Get方法傳遞的參數(shù)，Cookie或用戶認(rèn)證等。

屬性： TotalBytes

集合： ClientCertificate

Form

QueryString

ServerVaiables

方法： BinaryRead

Server 提供對(duì)服務(wù)器方法和屬性的訪問

屬性： ScriptTimeout

集合：無

方法： CreatObject

HTMLEncode

MapPath

URLEncode

Recordset

MoveNext 將前數(shù)據(jù)記錄移至下一條

MovePrevious 將當(dāng)前數(shù)據(jù)記錄移至上一條

MoveFirst 將當(dāng)前數(shù)據(jù)記錄移至第一條

MoveLast 將當(dāng)前數(shù)據(jù)記錄移至最后一條

AbsolutePosition=N 將當(dāng)前數(shù)據(jù)記錄移至第N條

EOF 當(dāng)前數(shù)據(jù)記錄是否移過了最后一條（發(fā)生于向下移動(dòng)時(shí)）

BOF 當(dāng)前數(shù)據(jù)記錄是否移過了第一條（發(fā)生于向上移動(dòng)時(shí)）

VBScript 運(yùn)算符

算術(shù)運(yùn)算符

指數(shù) 取負(fù) 乘法除法加法減法取模連接整數(shù)除法

∧ － * ／ ﹢ ﹣ Mod & \

比較運(yùn)算符

相等不相等小于大于小于或等于大于或等于對(duì)象相象

= <> < > <= >= IS

邏輯運(yùn)算符

邏輯非邏輯與邏輯或異或邏輯等于邏輯蘊(yùn)含

Not And Or Xor Eqv Imp

在線咨詢

上一篇：HTML技巧篇：實(shí)現(xiàn)元素水平與垂直居中的幾種方式
下一篇：免費(fèi)好用就是硬道理，跨平臺(tái)免費(fèi)開源辦公套件ONLYOFFICE推薦

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商