什么是JavaScript

JavaScript（簡稱“JS”） 是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript 基于原型編程、多范式的動態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程）風(fēng)格。

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

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

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

JavaScript對象

真實生活中的對象、屬性和方法在真實生活中，汽車是一個對象。汽車有諸如車重和顏色等屬性，也有諸如啟動和停止的方法。

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

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

【二、獲取DOM對象】

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

<script>

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

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

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

</script>

【三、聲明對象】

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


// 創(chuàng)建直接的實例
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() 寫入警告框，經(jīng)常用于程序調(diào)試；

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

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

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

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