1、vs新建步驟

文件——新建項(xiàng)目——web——空web應(yīng)用程序——取名、位置、確定——此時(shí)軟件會(huì)自動(dòng)生成一個(gè)sln文件（解決方案），一解決方案下面可以有多個(gè)項(xiàng)目。

文件夾所在的位置

點(diǎn)擊項(xiàng)目——右擊新建文件夾css和js和image——新建html頁面取名demo1

（推薦設(shè)置：工具——選項(xiàng)——可以設(shè)置下字體和顏色；文本編輯器——把常用的幾種語言設(shè)上行號(hào)顏色提示）

2、什么是js

JavaScript是一種腳本語言，結(jié)構(gòu)簡單，使用方便，其代碼可以直接放入HTML文檔中，可以直接在支持JavaScript的瀏覽器中運(yùn)行。JavaSript使得網(wǎng)頁的交互性更強(qiáng)，更生動(dòng)和靈活。當(dāng)在瀏覽網(wǎng)頁時(shí)做了某種操作就產(chǎn)生一個(gè)事件，JavaScript所編寫的程序可對(duì)相應(yīng)的事件做出反應(yīng)。

3、怎么運(yùn)用js：

首先在html中指定一個(gè)事件，然后對(duì)這個(gè)事件寫js。

如：設(shè)置一個(gè)按鈕，對(duì)點(diǎn)擊按鈕命名一個(gè)事件：

<input type="button" value="我是一個(gè)按鈕" οnclick="ShowMsg()" />

<input type="button" value="為什么想打人" οnclick=" A()" />

4、如何寫js：

寫js可以在外部js文件寫，也可以直接在head里面寫：

<script type="text/javascript">
　　function ShowMsg()
　　　　{
　　　　alert("這是我的第一個(gè)js例子");
　　　　}
</script>

?

<script type="text/javascript">
? ? ? ?function A() {
? ? ? ? alert("因?yàn)榻裉煨那樵愀?#34;)
? ? ? ?}
</script>

5、命名規(guī)范：為了增強(qiáng)代碼的可讀性，讓團(tuán)隊(duì)成員都能看懂，遵循命名規(guī)范。

（1）js是區(qū)分大小寫的，非常嚴(yán)格。

（2）js是弱類型，統(tǒng)一用var聲明變量，如：

整形： var iNum=10;

浮點(diǎn)： var dNum=2.23;

布爾： var bMaie=false;

函數(shù)： var myObject=new myFunction();

數(shù)組： var aColor=new Array();

字符串： var sMyString="aaaaa";
……

　　*弱類型與強(qiáng)類型：

js是弱類型，只能用var聲明；　　　　　　　　? c#是強(qiáng)類型，用對(duì)應(yīng)類型聲明

弱類型：弱化類型的聲明方式；　　　　　　　　強(qiáng)類型：強(qiáng)調(diào)類型的聲明方式

?

弱類型比較方便，但當(dāng)語句交給瀏覽器時(shí)，瀏覽器還是需要去判斷它是哪種變量，執(zhí)行效率比強(qiáng)類型低。

（3）注釋：

單行注釋：//

多行注釋：/* */

　　（4）var可同時(shí)聲明多個(gè)變量：

　　　　var girl="aaaa" , age=19 , male=false;

　　（5）js變量不一定需要初始化，可后面用時(shí)再賦值：

　　　　var couple;

　　（6）變量名稱規(guī)則：

·首字母必須是字母（大小寫均可）、下劃線、或者美元符。

·余下的字母可以是下劃線、美元符、任意字母或數(shù)字字符。

·變量名不能含js關(guān)鍵字。

?

　　（7）局部變量和全局變量：

全局變量：在{}外聲明的變量，各函數(shù)皆可調(diào)用；

局部變量：在{}內(nèi)聲明的變量，只有此函數(shù)可用；

（8）命名習(xí)慣

整形i：　　 ??var iNum=10;

浮點(diǎn)f：　　 ?var fNum=2.23;

布爾b：　　?var bMaie=false;

函數(shù)fn：　　var fnObject=new myFunction();

數(shù)組a：　　?var aColor=new Array();??

字符串s：　?var sMyString="aaaaa";

（還有：對(duì)象o、正則re，此兩項(xiàng)不常用，知道即可）

?

6、數(shù)據(jù)類型詳解：

（1）字符串String：

var sMyString="hello world";

*補(bǔ)充：位置/索引：第一個(gè)字母從0開始算，依次后延，空格也算，如上面的"hello world",位置8的字母是r

?

【字符串的屬性方法總結(jié)】

length 　　　　 獲取字符串長度 　　 　alert(sString.length); 　　 　　 ? ?結(jié)果是11

charAt 　　　　獲取指定位置的字符　　alert(sString.charAt(8)); 　　 ? ? ? 結(jié)果是r

substring?　　 字符串的截取　　　　　alert(sString.substring(1)); 　 ? ? 從位置1截取到最后。結(jié)果是ello world

　　　　　　　　　　　　　　　　　　?alert(sString.substring(1,10)); ? ? 從位置1截取到位置10（不包含10）。結(jié)果是ello worl

substr 　　 ? ?? 字符串的截取 　　 ? ? ?alert(sString.substr(1,6)); 　　 ? ? 從位置1開始截取6位出來。結(jié)果是ello w

indexOf 　　 ?? 搜某字符位置　　　　 ?alert(sString.indexOf("l")); 　　 ? ?查找出第一個(gè)l所在的位置，如沒有則返回-1。結(jié)果是2

　　　　　　　　　　　　　　　　　　?alert(sString.indexOf("l",4)); ? ? ? ?從位置4開始，查找出接下來的l所在的位置。結(jié)果是9

lastindexOf　　從后往前搜某字符位置 ? 與indexOf雷同

var Myname= "zhou jinyu";

//document.write(Myname.length); ? ? ? ? ? 10?字符串長度?

// document.write(Myname.charAt(0)); ? ? z ? 指定位置字符
//document.write(Myname.substring(5)); ? ?jinyu 從某個(gè)位置截取

document.write(Myname.substr(4,10)); ? ?jinyu ?截取一段

document.write(Myname.indexOf("u",5)); ? 9 ? ??從位置5開始，查找出接下來的u所在的位置 。左-右順序

document.write(Myname.lastIndexOf("u",2)); ? 3 ? ? ? ? ?
（2）布爾類型bool：(即真或假，true 或 false)

Var bMale=true;　　 ?? 聲明 bMale 為真；

If(bMale){ 　　　　? ? ? 如果 bMale 為真，

alert("a"); 　　　　 ? ?? 則輸出a；
}

else{ 　　　　　　　　? 否則，

alert("b"); 　　　　　　 則輸出b。

}

所以以上程序輸出a

　　（3）數(shù)值、及類型轉(zhuǎn)換：

?

　　　　a）數(shù)值與字符串相加：

var iNum1=10;

var sNum2="20";

var sNum3=iNum1+sNum2;

alert(sNum3);

可把iNum1變成字符串：

var sNum3=iNum1.toString()+sNum2;

alert(sNum3);

也可把sNum2轉(zhuǎn)成數(shù)值：

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

　　　　b）與浮點(diǎn)字符串相加：

var iNum1=10;

var sNum2="20.123";

var sNum3=iNum1+sNum2;

alert(sNum3);

當(dāng)數(shù)值和字符串相加時(shí)，把sNum2變成整數(shù)：

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

也可把sNum2變成浮點(diǎn)數(shù)：

var iNum2=iNum1+parseFloat(sNum2);

alert(iNum2);

　　　　c）類型轉(zhuǎn)換：

數(shù)值轉(zhuǎn)字符串：var sNum1=iNum1.toString();

字符串轉(zhuǎn)數(shù)值：var iNum2=parseInt(sNum2);

轉(zhuǎn)浮點(diǎn)：var iNum2=parseFloat(sNum2);

字符串變成數(shù)組：var aDate=sMyString.split("-");（var sMyString="2015-07-15";）

　　（4）數(shù)組：存放一個(gè)數(shù)據(jù)集合

a）聲明數(shù)組的方式：

1、確定數(shù)組長度：var aTeam=new Array(12); 數(shù)組長度為12

2、不確定數(shù)組長度：

var aColor=new Array();

aColor[0]="blue";

aColor[1]="yellow";

aColor[2]="green";

aColor[3]="black";

*上述數(shù)組也可寫成：

var aColor=new Array("blue","yellow","green","black");

此時(shí)輸出：alert(aColor[3]);

則得到：black

b）toString，數(shù)組變成字符串：

alert(aColor.toString());

此時(shí)輸出：blue,yellow,green,black

c）join，改連接符：

alert(aColor.join("-").toString());

此時(shí)輸出：blue-yellow-green-black

d）split，把字符串變成數(shù)組：

var sMyString="2015-07-15";

var aDate=sMyString.split("-");

alert(aDate[2]);

此時(shí)輸出為：15

e）reverse，使數(shù)組元素反序出現(xiàn)：

var aColor=new Array("blue","yellow","green","black");

alert(aColor.reverse().toString());

此時(shí)輸出為：black,green,yellow,blue

f）sort，使數(shù)組元素根據(jù)a-z順序排序：

var aColor=new Array("blue","yellow","green","black");

alert(aColor.sort().toString());

此時(shí)輸出為：black,blue,green,yellow

轉(zhuǎn)載于:https://www.cnblogs.com/marchtree/p/4663004.html

總結(jié)

以上是生活随笔為你收集整理的js 1 声明变量 数据类型的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。