????????? JavaScript新手初學入門知識語法教程 ?????????

什么是JavaScript

JavaScript（簡稱“JS”）是一種具有函數優先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環境中，JavaScript 基于原型編程、多范式的動態腳本語言，并且支持面向對象、命令式和聲明式（如函數式編程）風格。

JavaScript,JS

JavaScript語法結構

<script>
    JavaScript代碼內容
</script>

JavaScript代碼內容中，“”與‘’不分；

JavaScript對象

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

【一、系統對象】

系統中時間等是系統中自帶的對象，直接調用即可。

【二、獲取DOM對象】

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

<script>

// getElementsByTagName獲取<>標簽對象
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節點對象
var divId001 = document.getElementById("divId001");
divId001.style.background="red";

</script>

【三、聲明對象】

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


// 創建直接的實例
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輸出內容

JavaScript 能夠以不同方式“顯示”數據：

一、使用 alert() 寫入警告框，經常用于程序調試；

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

三、使用 innerHTML="" 寫入HTML 元素（將內容寫入某個DOM節點，不會導致頁面全部重繪。）；

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

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