五天學(xué)會(huì)JavaScript網(wǎng)站開發(fā)——第一天

時(shí)間：2023-07-08 09:06:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-08 09:06:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

五天學(xué)會(huì)JavaScript網(wǎng)站開發(fā)——第一天：前言：這系列博客是我是學(xué)習(xí)JavaScript進(jìn)行網(wǎng)站開發(fā)時(shí)候，學(xué)完后做的筆記。我發(fā)現(xiàn)，主動(dòng)記錄下所學(xué)的內(nèi)容，能讓知識(shí)體系化，還能進(jìn)行有效的復(fù)習(xí)，是一個(gè)比較好方法。

第一天，基本的編程知識(shí)，過(guò)一遍就行

一，了解JavaScript

JS = JavaScript，是一種計(jì)算機(jī)腳本語(yǔ)言，主要在web瀏覽器(客戶端)解釋執(zhí)行。由網(wǎng)景公司開發(fā)，由于該語(yǔ)言誕生不久，有很多不統(tǒng)一的地方，歐洲計(jì)算機(jī)制造商協(xié)會(huì)（ECMA）制定了一個(gè)統(tǒng)一的標(biāo)準(zhǔn)(ECMAScript)。JScript是由微軟公司開發(fā)的活動(dòng)腳本語(yǔ)言，是微軟對(duì)ECMAScript規(guī)范的實(shí)現(xiàn)。

主要功能：簡(jiǎn)單理解為，可以任意操作網(wǎng)頁(yè)。具體一點(diǎn)，1，可以使網(wǎng)頁(yè)有動(dòng)態(tài)的效果；2，對(duì)html元素進(jìn)行操作；3，可以進(jìn)行表單的輸入驗(yàn)證（如：郵箱、電話、郵編的合法性，輸入內(nèi)容長(zhǎng)度及內(nèi)容驗(yàn)證等）

二，接觸JavaScript

基本知識(shí)：

我們知道，javascript寫在<script>標(biāo)簽里，也就是上圖的紅色框區(qū)域。

<script>標(biāo)簽三個(gè)屬性

1,類型(type):text/javascript

2,路徑(src),路徑可以指定一個(gè)JavaScript文件，然后我們不用在<script>標(biāo)簽里面寫代碼了，直接去指定的JavaScript文件里面寫

3,字符集(charset)

三個(gè)輸出語(yǔ)句和一個(gè)輸入語(yǔ)句

1,alert() 系統(tǒng)彈出框

2,document.write() 文檔輸入 這個(gè)很重要，意味著能改變html元素里面的內(nèi)容

3,console.log() 控制臺(tái)輸出

4,prompt() 返回用戶的輸入

很有意思的是，百度網(wǎng)頁(yè)的控制臺(tái)，輸出有招聘的信息

語(yǔ)法構(gòu)成方面注意

1,區(qū)分大小寫，name和Name是不同的

2,標(biāo)識(shí)符，不能以數(shù)字開頭，通常以 字母 下劃線 "$"符號(hào)開頭

3,注釋符，有單行注釋和多行注釋

4,關(guān)鍵字和保留字，不能作為標(biāo)識(shí)符使用

變量申明

Javascript的變量是松散類型的，所謂的松散類型就是用來(lái)保存任何類型的數(shù)據(jù)。定義變量時(shí)要使用var操作符 ，后面跟一個(gè)變量名稱（變量名就是標(biāo)識(shí)符）。

var name="我是誰(shuí)";

var age="18";

var sex=true;

每個(gè)語(yǔ)句以分號(hào)結(jié)束

三，數(shù)據(jù)類型和轉(zhuǎn)換

1，字符串(String)

加引號(hào)，引起來(lái)的都是字符串(單雙引號(hào)都可以)

String()，.toString()，兩個(gè)方法能將其它類型轉(zhuǎn)為String類型

2，數(shù)字(Number)

整數(shù)、小數(shù)、負(fù)數(shù)

Number()，parseInt()，parseFloat()三個(gè)方法，都能將其它類型轉(zhuǎn)換為Number類型，它們的區(qū)別就不說(shuō)明了

NaN：屬性是代表非數(shù)字值的特殊值。該屬性用于指示某個(gè)值不是數(shù)字。例如，當(dāng)把“Name”轉(zhuǎn)為Number類型的時(shí)候，返回的是NaN

3，布爾(Boolean)

true 和 false

Boolean()方法，能將其它類型類型轉(zhuǎn)為Boolean類型

Boolean與String和Number轉(zhuǎn)換之間的關(guān)系：非空即true，非0即ture

4，Undefined（未定義）

一個(gè)變量沒有賦值就是undefined

5，Object類型

null也屬于Object類型

補(bǔ)充：用 typeof() 方法可以檢測(cè)數(shù)據(jù)的類型

四，運(yùn)算符

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

+，-，*，/，%就不必多說(shuō)了，重要研究的是Number和String類型數(shù)據(jù)的加減乘除模，看下面的例子

var num=10;

var str="20";

console.log(num+str) 輸出結(jié)果是：1020 原因是num隱式轉(zhuǎn)換為了String類型

console.log(num-str) 輸出結(jié)果是：-10 原因是str隱式轉(zhuǎn)換為了Number類型

console.log(num*str) 輸出結(jié)果是：200 原因是str隱式轉(zhuǎn)換為了Number類型

console.log(num/str) 輸出結(jié)果是：0.5 原因是str隱式轉(zhuǎn)換為了Number類型

console.log(num%str) 輸出結(jié)果是：10 原因是str隱式轉(zhuǎn)換為了Number類型

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

=，+=，-=，*=，/=，%=就不多說(shuō)了

3，比較運(yùn)算符（返回是ture或者false）

== ：只比較值 "3"==3 返回的是ture

===：比較值還比較類型 "3"===3 返回的是false

!= ：非等（不等于）

還有>，< ，>=，<=

4，一元運(yùn)算符

a=b++ 先賦值，b再自加1

a=b-- 先賦值，b再自減1

a=++b b先自加1，然后在賦值

a=--b b先自減1，然后在賦值

5，二元運(yùn)算符（即邏輯運(yùn)算符，也就是且或非）

6，三元運(yùn)算符

格式：

條件？執(zhí)行結(jié)果1（true）:執(zhí)行結(jié)果2（false）

例子:

10>20?console.log("對(duì)"):console.log("錯(cuò)");

五，條件語(yǔ)句和循環(huán)語(yǔ)句

1，條件語(yǔ)句(if和switch）

格式分別為：

if(條件1){

如果條件1成立，執(zhí)行這里代碼

}else if(條件2){

如果條件2成立，執(zhí)行這里代碼

}else if(條件3){

如果條件3成立，執(zhí)行這里代碼

}..........

else{

如果條件1到條件n都不成立，執(zhí)行這里代碼

}




switch(條件表達(dá)式){

case 常量1: 執(zhí)行;break;

case 常量2: 執(zhí)行;break;

case 常量3:執(zhí)行; break;

......

default:執(zhí)行

}

2，循環(huán)語(yǔ)句（for,while,do...while)

格式分別為：

for(起始條件;終止條件;步長(zhǎng)值){

循環(huán)體;

}

while(終止條件){
循環(huán)體;
步長(zhǎng)值;

}

do{
循環(huán)體;
步長(zhǎng)值;
}while(終止條件)

下面是用循環(huán)語(yǔ)句打印九九乘法表的例子


3，跳出語(yǔ)句

break：結(jié)束當(dāng)前循環(huán)

continue：本次循環(huán)結(jié)束，進(jìn)入下一次循環(huán)










最后補(bǔ)充：Java和JavaScript的區(qū)別?

Java 是一門十分完整、成熟的編程語(yǔ)言。相比之下，JavaScript 是一個(gè)可以被引入 HTML 頁(yè)面的編程語(yǔ)言。這兩種語(yǔ)言并不完全相互依賴，而是針對(duì)不同的意圖而設(shè)計(jì)的。 Java 是一種面向?qū)ο缶幊?( OOPS ) 或結(jié)構(gòu)化編程語(yǔ)言，類似的如 C ++ 或 C，而 JavaScript 是客戶端腳本語(yǔ)言，它被稱為非結(jié)構(gòu)化編程。