????????? 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);       //不常用