js:放在bady標(biāo)簽的底部，保證頁(yè)面加載完成后才加載js

js注釋：// 單行注釋

　　　　/*多行注釋*/

js有兩種存在形式：

以文件的形式存在，使用時(shí)引用在head標(biāo)簽里<script src="js文件名.js"> 第一種 </script>

在bady標(biāo)簽的底部寫入:

　　<script>
　　 ? ? ? ? ?function f1(){
? ? ? ? ? ? ? ? ? ? ? ?js的函數(shù)體
? ? ? ? ? ? ? ? }
? ? ? ? </script>

js中變量聲明 : name='vera'; ? //全局變量

　　　　　　　var age= 18; ?// 局部變量， 注:　var 必須寫

js 數(shù)據(jù)類型：?

　　　　其中包括數(shù)字、字符串、數(shù)組（字典）

　　　　定義數(shù)字：var age = 18;
　　　　　　　　　var age = Number(18);

　　　　布爾值：Boolean

　　　　　　　　Boolean(1) ? ?true

　　　　　　　　Boolean(0) ? ? false

　　　　字典的定義：var dic={'k1':v1,'k2':v2}

　　　　字符串轉(zhuǎn)化為數(shù)字 ：Number('123');
　　　　　　　　　　　　　 parseInt('123');

　　　　console調(diào)試器查看類型：console.log(age,typeof age);?
　　　　數(shù)字類型整型轉(zhuǎn)換：var age=18.9

　　　　　　　　 ? ? ? ? ? ? ? ??console.log(parseInt(age)); ? ? ?結(jié)果=18
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? console.log(parseFloat(age)); ? 結(jié)果=18.9（js中是沒有浮點(diǎn)型的）

　　　　直接定義多個(gè)變量：var v1=21; v2=1233; v3=222;

js中null和undefined的區(qū)別：

　　null：表示一個(gè)值被定義了，但這個(gè)值是空值

　　undefined：表示缺少值，即此處應(yīng)該有值，但還沒有被定義

? ? ? ?

?

var xx=' ?i love you ?';

關(guān)于字符串的小方法：

xx.trim()	移除字符串左右空格
xx.trimleft()	移除字符串左邊的所有空格
xx.trimright()	移除字符串右邊的所有空格
xx.charAt(2)	索引取值，取到2 位置的字符
xx.substring(1,2) ? ? ? ? ? ?	獲取字符串的子序列（類似切片） ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
xx.indexOf('2')	獲取2位置的下標(biāo)
xx.length	獲取字符串長(zhǎng)度

數(shù)組（相當(dāng)于Python中的列表）：

　　數(shù)組創(chuàng)建的兩種形式：var ?li=[11,22,33];

　　　　　　　　　　　　var ?li = Array(11,22,33);

關(guān)于數(shù)組的小方法：

li.push(88)	把88添加到數(shù)組最后
li.unshif10('oo')	把字符串放在了數(shù)組的最前面
li.splice(1,0,'vera')	把字符串的指定位置（1位置），中間位置的0是固定的，寫為0才會(huì)進(jìn)行插入
i = li.pop()	移除最后的元素,有返回值
m = li.shift()	移除最前面的元素,有返回值
x = li.splice(1,2)	移除1位置后面的2個(gè)元素,有返回值
k=li.slice(0,2)	切片，拿到的0到2位置的元素
l = li.concat(n)	把n數(shù)組和li數(shù)組合并為一個(gè)新的數(shù)組
li.reverse()	li 反轉(zhuǎn),在本身的基礎(chǔ)上
n = li.join('-')	給數(shù)組加上短線"11-22-33-44"（ python 里寫法："-".join(li)）

/* js中的序列化 */
　　序列化: s=JSON.stringify('sdklfkjdfls');

　　反序列化: m=JSON.parse(s);

/* js中的for循環(huán) */

var li=[11,22,33,44]; 數(shù)組獲取數(shù)據(jù)1 for(var item in li){ 　　console.log(item); } //輸出索引 數(shù)組獲取數(shù)據(jù)2 for(var i=0;i<li.length;i++){ 　　console.log(li[i]) } // 輸出li中的數(shù)據(jù) var dic = {'k1':11,'k2':22} 字典獲取數(shù)據(jù) for(var item in dic){ 　　console.log(li[item]); } // 只能輸出key for(var key in dic){ 　　console.log(key,li[key]) } // 輸出key和value

/*條件語(yǔ)句與異常處理*/

while條件語(yǔ)句： ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

　　while(true){
　　　　continue;
　　　　break; // 和Python里一樣
　　}

if else條件語(yǔ)句 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

　　if(條件){

　　} else if(條件){

　　}else{

　　}

switch語(yǔ)句 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

var name=111;
switch(name){
　　case 1:console.log('11');
　　　　　break;
　　case 2:console.log('22');
　　　　　break;
　　default:console.log('ddd');
　　　　　break;
}

異常處理 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
try{

　　// 可能出現(xiàn)錯(cuò)誤的語(yǔ)句

}catch(e){

　　// 捕獲到錯(cuò)誤進(jìn)行處理

}finally{

　　// 沒捕獲到錯(cuò)誤或捕獲到錯(cuò)誤進(jìn)行提示，無(wú)論前面成功與否都會(huì)執(zhí)行

}

/*js函數(shù)*/

關(guān)鍵字：function

? 普通函數(shù) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

function func(arg){ ? ?// arg； 形式參數(shù)

　　console.log(arg);

　　return 'hello'; ? // 返回值

}

調(diào)用：var ret=func(123);

　　　console.log(ret);

? 匿名函數(shù) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

var f = function(arg){ // 函數(shù)名為f
　　console.log(arg); // console.log()打印
};

調(diào)用 ?: ? f(123);

? 自執(zhí)行函數(shù) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

定義一個(gè)函數(shù)，并自己執(zhí)行函數(shù),形式：()();

自執(zhí)行函數(shù)：用于自定義的js或jQuery的類庫(kù)時(shí)，
當(dāng)用戶瀏覽器解釋的時(shí)候，一旦解釋到j(luò)s文件，可以自動(dòng)執(zhí)行里面的東西；

例：
　　(function(){
　　　　console.log(111);
　　})(); ? ? ? ? ? ? ? ? ?//結(jié)果；111

例2：
　　(function(arg){
　　　　console.log(111,arg);
　　})('alex'); ? ? ? ? ?// 'vera' (傳給形式參數(shù)) ,自動(dòng)執(zhí)行結(jié)果：111 'alex'

? ? js模擬面向?qū)ο?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

function Foo(name,age){
　　this.Name=name;
　　this.Age=age;
　　this.Func = function(arg){
　　return this.Name+arg;
　　}
}

調(diào)用：var obj = new Foo('Vera', 18);

　　　console.log(obj.Name); ? ?//結(jié)果：Vera
　　　console.log(obj.Age); ? ? ? ?//結(jié)果：18
　　　var ret = obj.Func('beautiful');
　　　console.log(ret); ? ? ? ? ? ? ? ? ?//結(jié)果：Verabeautiful

轉(zhuǎn)載于:https://www.cnblogs.com/Vera-y/p/10443146.html

總結(jié)

以上是生活随笔為你收集整理的html_javascript的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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