JS的三種使用方式
1.內(nèi)部引入(常用)
2.外部引入(一個(gè)js文件可以被多個(gè)頁面共同使用)
3.行內(nèi)(少用)
區(qū)別:內(nèi)部引入只能夠使用單頁面，外部引入可以應(yīng)用到多個(gè)頁面，行內(nèi)是直接在html標(biāo)簽內(nèi)寫(少用)

html代碼是按照從上到下進(jìn)行解釋的，如果js獲取到網(wǎng)頁中還沒有進(jìn)行解釋的內(nèi)容，就會(huì)出現(xiàn)js? ? ? DOM堵塞
解決js堵塞的方式有兩種:
1.將js代碼寫在網(wǎng)頁的最下面
2.使用window.onload(網(wǎng)頁加載完畢執(zhí)行)
js發(fā)生錯(cuò)誤時(shí)的堵塞，js代碼一旦發(fā)生錯(cuò)誤，錯(cuò)誤后的代碼將不會(huì)執(zhí)行，但不會(huì)影響發(fā)生錯(cuò)誤前的代碼情況

alert("111");//警告框。
prompt("請(qǐng)輸入你的名稱","王菲");//提示對(duì)話框。
console.log(value);//用來進(jìn)行調(diào)試，只能夠在瀏覽器中進(jìn)行調(diào)試，點(diǎn)擊F12，console下會(huì)顯示調(diào)試的內(nèi)容。
document.write("內(nèi)容可以是普通文字和html代碼，css樣式")。

//第一種調(diào)試的方式
//使用alert()去打印變量的值進(jìn)行縮小范圍調(diào)試
//第二種調(diào)試方式
//在瀏覽器中點(diǎn)擊F12去看錯(cuò)誤信息

js中變量都是弱類型的，不管聲明什么數(shù)據(jù)類型都使用var進(jìn)行聲明，如果你要判斷
這個(gè)類型到底是聲明類型，可以使用typeof關(guān)鍵字進(jìn)行查看

//聲明的是什么類型就是什么類型,確定死就是強(qiáng)類型
//聲明的類型不確定這個(gè)是什么類型,就是弱類型

//如果做一種結(jié)果不是數(shù)字，也不是字符串，就得到NaN(不是數(shù)字)

js中的數(shù)據(jù)類型包含6種，5種基本數(shù)據(jù)類型和一種復(fù)雜數(shù)據(jù)類型
number:所有的數(shù)字都屬于number，不管小數(shù)還是整數(shù)。
boolean:true? false。
string:可以使用""和‘’進(jìn)行聲明，但是不要混著用。
null:代表空。
undefined:聲明了變量未賦值的空。
Object是所有引用數(shù)據(jù)類型的統(tǒng)稱，包含元素節(jié)點(diǎn)，其他類型。

下載谷歌(用的最多，調(diào)試方便)或者火狐瀏覽器(調(diào)試的時(shí)候提示是中文的，調(diào)試方便)

函數(shù)(方法):代碼塊，將具有特定功能的代碼塊封裝為一個(gè)函數(shù)
js的函數(shù)分為系統(tǒng)函數(shù)和自定義函數(shù)。

自定義函數(shù)分為定義函數(shù)和函數(shù)表達(dá)式。

定義函數(shù)語法:
function? ? ? 函數(shù)名(參數(shù)列表){
函數(shù)體
}

定義函數(shù)調(diào)用時(shí)調(diào)用函數(shù)名? 。

函數(shù)表達(dá)式語法:
var? 變量名接收=function(參數(shù)列表){
函數(shù)體
}

函數(shù)表達(dá)式調(diào)用時(shí)調(diào)用變量名即可 。?

//不管有沒有聲明返回值，都可以返回，也可以不返回。
//參數(shù):不管我定義沒有定義參數(shù)，都可以傳參，也可以不傳參。

將字符串轉(zhuǎn)為數(shù)字類型:
Number(參數(shù)就是需要轉(zhuǎn)型的內(nèi)容);
轉(zhuǎn)為Boolean類型:
Boolean(參數(shù)就是需要轉(zhuǎn)型的內(nèi)容);
轉(zhuǎn)為字符串類型:
需要轉(zhuǎn)型的內(nèi)容.toString();

//形參：只是聲明一下，并沒有具體的值，值需要通過其他調(diào)用的地方進(jìn)行傳過來
//實(shí)參:具體傳入的內(nèi)容

isNaN（內(nèi)容）:用于判斷是不是非數(shù)值，個(gè)人得出的理解：is Not a Number的縮寫。

arguments:對(duì)于參數(shù)過多的時(shí)候,它可以得到參數(shù)列表,返回的結(jié)果是一個(gè)數(shù)組形式,可以使用下標(biāo)進(jìn)行訪問其內(nèi)容

數(shù)組:
//js中的數(shù)組創(chuàng)建使用的是[],下標(biāo)也是從0開始。
由于js是弱類型語言，所以其數(shù)組不會(huì)規(guī)定必須放什么類型，可以放入任何類型，甚至是數(shù)組，對(duì)象數(shù)組的數(shù)據(jù)類型為Object數(shù)組的創(chuàng)建:
//第一種? ? ? 隱式方式創(chuàng)建數(shù)組
// var? b=['11',22,'你好',['大家好',11]];
// js中的數(shù)組和java中的list集合是不是很像
// 不限制輸入的長度(自動(dòng)增長)
//第二種? ? ? 使用構(gòu)造函數(shù)創(chuàng)建數(shù)組
// var? b=new? Array('你好',11,'快開學(xué)啦!');
// console.log(b);
// 第三種? ? ? 使用下標(biāo)索引給數(shù)組賦值
// var? v=new? Array(2);//數(shù)組的默認(rèn)長度為2
// v[0]='你好很好';
// v[1]=11;
// v[2]='快開學(xué)啦';
// console.log(v);

數(shù)組的初始值基本沒有什么意義，在實(shí)際賦值的時(shí)候數(shù)值的長度可以大于數(shù)組的初始個(gè)數(shù)修改數(shù)組的內(nèi)容，是使用下標(biāo)進(jìn)行修改

//第一種? ? ? ? 遍歷數(shù)組? ? for循環(huán)進(jìn)行遍歷
for(var? i=0;i<v.length;i++){
document.write(v[i]+"<br>");
}
//第二種? ? for? in? 進(jìn)行遍歷數(shù)組
for(var? i? in? v){
document.write(i+"<br>");
}
// 第三種遍歷? ? ? ? for? ? of
for(var? i? of? v){
document.write(i+"<br>");
}

創(chuàng)建二維數(shù)組的語法:
var? v=[["張三","李四"],["王五","馬六"],["秦叔寶","尉遲恭"]]; 遍歷二維數(shù)組
for(var? i? of? erwei){
for(var? j? of? i){
document.write(j+"<br>");
}
}

js創(chuàng)建對(duì)象的兩種方式
//第一種,直接創(chuàng)建:
var? v={'bianhao':1,'name':'香蕉','price':3,'num':3};
//第二種? 使用new創(chuàng)建
var? v1=new? Object();
v1.bianhao=2;
v1.name='橘子';
v1.price=4;
v1.num=2;

定義對(duì)象的功能使用匿名函數(shù)進(jìn)行定義
v1.gongneng=function(){
alert(內(nèi)容);
}

訪問對(duì)象中屬性和功能:
總結(jié)的語法格式：對(duì)象名稱['屬性的鍵']?? 或? ? 對(duì)象名稱.屬性的鍵

第一種使用變量名[“屬性名”]
添加 v[“name”]=”王五”;

第二種使用變量名.屬性名添加 v.name=”王五”;修改對(duì)象的屬性也是使用變量名[“屬性名”]或者是 v.name

刪除對(duì)象的屬性:
delete? 對(duì)象的屬性名

在js中變量不事易變的，但是對(duì)象是易變的 js對(duì)象在進(jìn)行重新賦值的時(shí)候不會(huì)重新創(chuàng)建一個(gè)對(duì)象內(nèi)存，而是在原內(nèi)存上添加一個(gè)新的名詞。

遍歷對(duì)象的時(shí)候使用for? ? in? ? 進(jìn)行遍歷 for(? var? i? in? a){ document.write(a[i]); } js的構(gòu)造函數(shù)和普通函數(shù)創(chuàng)建類似，主要的區(qū)別在于js構(gòu)造方法用于創(chuàng)建對(duì)象。

//JS中的隨機(jī)數(shù)Math.Random()*30,0--1之間的小數(shù),取整數(shù)部分,Math.floor()

document.getElementById("div1"):得到頁面中的ID元素
docum?ent.createElement("標(biāo)簽名稱"):創(chuàng)建一個(gè)頁面元素
creatediv.style.width=100px:設(shè)置創(chuàng)建的這個(gè)div的css樣式
div1.appendChild(creatediv):將創(chuàng)建的元素添加到元素div1中

---JS中自帶的對(duì)象
Math:數(shù)學(xué)的操作
Math.abs(e):取e的絕對(duì)值
Math.ceil(e):向上取整
Math.floor(e):向下取整
Math.PI:圓周率Date:日期的操作
Math.pow(a,b):得到a的b次方 Math.sqrt(e)
:得到e的平方根
Math.random():得到0-1之間的隨機(jī)數(shù)

String:字符串的操作
Date:對(duì)于時(shí)間的操作

創(chuàng)建Date對(duì)象
var??dt=new?Date();//得到當(dāng)前的時(shí)間
var??dt1=new?Date("1999-11-11");//得到指定的時(shí)間
var??dt2=new?Date("2003/08/22");//得到指定的時(shí)間
var??dt3=new?Date(2008,7,11);//月份需要+1
var??dt4=Date.now();//當(dāng)前時(shí)間的毫秒數(shù)

//三目表達(dá)式：
xiaoshi>12?panduan="下午":panduan="上午";

//三目表達(dá)式：
var?month1=month>10?(month+1):"0"+(month+1);

常用方法:
getYear():得到年份，但是需要加1900
getFullYear():直接得到年份
getMonth():月份記得+1
getDate()：獲取日
getDay():周幾，內(nèi)容是0-6,0代表的周日
getHours():小時(shí)
getMinutes():分鐘
getSeconds():秒
toDateString():英文格式的日期
toLocalString():數(shù)字格式的日期
toTimeString():只有時(shí)間，沒有年月日

valueOf():將時(shí)間轉(zhuǎn)為毫秒數(shù)（?

valueOf() 方法用于返回給定參數(shù)的原生 Number 對(duì)象值，參數(shù)可以是原生數(shù)據(jù)類型, String等。

該方法是靜態(tài)方法。該方法可以接收兩個(gè)參數(shù)一個(gè)是字符串，一個(gè)是基數(shù)。

Integer?b?=?Integer.valueOf("444",16);???// 使用 16 進(jìn)制）

new?Date(毫秒):將毫秒數(shù)轉(zhuǎn)為時(shí)間

setInterval():按照?qǐng)?zhí)行周期執(zhí)行某些內(nèi)容（

setInterval()有兩個(gè)參數(shù):1代表執(zhí)行的內(nèi)容???2多長時(shí)間執(zhí)行一次(毫秒計(jì)算的)

setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。

setInterval() 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

語法：

setInterval(code,millisec[,"lang"])

code必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。

millisec必須。周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔，以毫秒計(jì)。

返回值

一個(gè)可以傳遞給 Window.clearInterval() 從而取消對(duì) code 的周期性執(zhí)行的值。

）

clearInterval():清除掉setInterval

setTimeout():和setInterval一樣,但是它不循環(huán),只執(zhí)行1次

String聲明的兩種方式:
//直接聲明字符串
var?str="123";//直接賦值的時(shí)候是一個(gè)string類型

//構(gòu)造器聲明字符串
var?str1=new?String("你好");//使用構(gòu)造器聲明就是一個(gè)引用類型

//字符串的不可變性:可以通過下標(biāo)去訪問字符串的中的內(nèi)容，但是
?通過下標(biāo)去改變字符串的內(nèi)容是不可以的，如果改變字符串的內(nèi)容
?就是新開辟一塊空間賦值給該字符串變量

length:字符串長度

charAt(a):下標(biāo)為a的字符串內(nèi)容

concat(a,b,c....)：鏈接字符串

indexOf（a）:返回a在字符串中的第一個(gè)位置，未找到返回-1

lastIndexOf(a)：從后往前找a的位置，未找到返回-1

replace(a,b):b替換a的內(nèi)容

slice(a,b)：截取字符串a(chǎn)的位置到b的位置

split(“a”)：以”a”為分隔符分割字符串

substr(a，b):從a的位置截取b個(gè)字符串

JS事件:
onclick:點(diǎn)擊任何元素的事件
onmouseover:鼠標(biāo)移動(dòng)到元素上的事件
onmouout:鼠標(biāo)移出的事件
onfocus():焦點(diǎn)獲取事件
onselect():選中文本框或者是文本域的內(nèi)容的時(shí)候執(zhí)行的事件
onblur():失去焦點(diǎn)事件
onchange():對(duì)于文本框的時(shí)候，之后內(nèi)容改變后并且失去焦點(diǎn)才會(huì)觸發(fā)，對(duì)于下拉框的時(shí)候只要下拉框的選項(xiàng)進(jìn)行改變了就會(huì)觸發(fā)
onload():?網(wǎng)頁加載完畢之后執(zhí)行的事件
onunload():網(wǎng)頁刷新或者是關(guān)閉的時(shí)候執(zhí)行的事件
onkeyup():鍵盤進(jìn)行松開的時(shí)候執(zhí)行的事件

使用事件的方法分為兩種:
1.直接在元素上寫屬性事件
<input?type="button"?value="計(jì)算結(jié)果"?onclick="aa()"?id="btn1"??/>
2.使用js代碼動(dòng)態(tài)賦值事件
var?btn1=document.getElementById("btn1");
btn1.onclick=function(){
alert("123");

}