什么是JavaScript

JavaScript（簡(jiǎn)稱“JS”） 是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語(yǔ)言。雖然它是作為開(kāi)發(fā)Web頁(yè)面的腳本語(yǔ)言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript 基于原型編程、多范式的動(dòng)態(tài)腳本語(yǔ)言，并且支持面向?qū)ο?、命令式和聲明式（如函?shù)式編程）風(fēng)格。

JavaScript語(yǔ)法結(jié)構(gòu)

<script>
    JavaScript代碼內(nèi)容
</script>

JavaScript代碼內(nèi)容中，“”與‘’不分；

JavaScript對(duì)象

真實(shí)生活中的對(duì)象、屬性和方法在真實(shí)生活中，汽車(chē)是一個(gè)對(duì)象。汽車(chē)有諸如車(chē)重和顏色等屬性，也有諸如啟動(dòng)和停止的方法。

【一、系統(tǒng)對(duì)象】

系統(tǒng)中時(shí)間等是系統(tǒng)中自帶的對(duì)象，直接調(diào)用即可。

【二、獲取DOM對(duì)象】

<div id="divId001">ecomcn001</div>
<div class="class001">ecomcn002</div>
<div class="class001">ecomcn003</div>

<script>

// getElementsByTagName獲取<>標(biāo)簽對(duì)象
var divS = document.getElementsByTagName("div");
for(i=0; i<divS.length; i++){
	divS[i].style.color="blue";
}

// getElementsByClassName獲取class類(lèi)對(duì)象
var divClass = document.getElementsByClassName("class001");
for(i=0; i<divClass.length; i++) {
	divClass[i].style["font-size"]=30+"px";
}

// getElementById獲取單個(gè)id節(jié)點(diǎn)對(duì)象
var divId001 = document.getElementById("divId001");
divId001.style.background="red";

</script>

【三、聲明對(duì)象】

var car = {type:"porsche", model:"911", color:"white"};


// 創(chuàng)建直接的實(shí)例
person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

JavaScript聲明變量

var x = 7;
var y = 8;
var z = x + y;

JavaScript輸出內(nèi)容

JavaScript 能夠以不同方式“顯示”數(shù)據(jù)：

一、使用 alert() 寫(xiě)入警告框，經(jīng)常用于程序調(diào)試；

二、使用 document.write() 寫(xiě)入HTML輸出（是直接將內(nèi)容寫(xiě)入頁(yè)面的內(nèi)容流，會(huì)導(dǎo)致頁(yè)面全部重繪。如頁(yè)面有初始內(nèi)容，點(diǎn)擊頁(yè)面中的按鈕向頁(yè)面中通過(guò)document.write()方法寫(xiě)入內(nèi)容，會(huì)發(fā)現(xiàn)原先的初始內(nèi)容消失了，整個(gè)頁(yè)面只剩下了通過(guò)write()方法寫(xiě)入的內(nèi)容。原因是整個(gè)頁(yè)面進(jìn)行了重繪。）；

三、使用  innerHTML=""  寫(xiě)入HTML 元素（將內(nèi)容寫(xiě)入某個(gè)DOM節(jié)點(diǎn)，不會(huì)導(dǎo)致頁(yè)面全部重繪。）；

四、使用 console.log() 寫(xiě)入瀏覽器控制臺(tái)，不常用。

alert(5 + 6);       //常用于程序調(diào)試
document.write(5 + 6);       //不常用
document.getElementById("demo").innerHTML = 5 + 6;       //常用
console.log(5 + 6);       //不常用