javascript基本語法

 

javascript的基本語法一

一、組成

javascript由三方組成，分別是：

1）ECMAScript：js基本語法與標準

2）BOM： 操做瀏覽器的接口，提供了訪問某些功能的途徑以及操做方法。

3）DOM： 操做 HTML 文檔的接口，提供了訪問 HTML 文檔的途徑以及操做方法。

二、javascript輸出

JavaScript語句向瀏覽器發出的命令。語句的做用是告訴瀏覽器該作什麼。

<script>
 alert("我是用來彈出消息框的！")；//會彈出來
   document.write("hello world!");//會把內容顯示在頁面上 
</script>

tip：分號是可選項，可寫可不寫，對於初學者建議寫上分號。

三、註釋

單行註釋 //多行註釋 /* */文檔註釋 /** */

四、運行順序

javascript和HTML代碼在同一個文件中寫，它們的執行順序是從上朝下，誰在前先執行誰。

五、編輯工具和運行環境

編輯工具：寫代碼的工具 如：dreamweaver，editplus，Notepad++，sublime,webstrom..運行環境：看結果的地方 如：IE，firefox，chrome...

六、變量

變量是用來儲存信息的「容器」

變量定義（聲明）：
var age; //var是關鍵字，age是變量名
​
賦值：
age=20; //20是數據   "="是賦值
​
定義的同時賦值：
var age=20;
​
能夠一次定義多個變量：
 var myname=「吳京", age=18，weight=140;
 
使用變量：
 alert(myname);
​
注：1， 變量必須先賦值再使用
​

 

var x=5;
var y=8;
var z="hello";
 
<script>
     var i=10;
     var b=10;
     var m=i+b;
     document.write(m);//顯示結果爲20
</script>

七、簡單指令

alert("");         提示框；
confirm("");       確認框，點擊後會響應返回true或false；       
prompt();           彈出一個輸入框；
document.write(""); 在頁面上顯示內容
console.log("");   在控制檯打印相應的信息；
console.dir("");   在控制檯打印出該對象的全部信息；

八、轉義字符

\       
\r 回車
\n 空格
\t 縮進
\\ 反斜槓

九、關鍵字及保留字

十、運算符

1).算數運算符

假設y=5；

2).賦值運算符

給定x=10和y=5

例題

Tip:var i=10;
​
var j=i++ +i++ + i++;   //10   11   12
​
alert(j);//顯示爲33
​
alert(i);//顯示爲13
​

十一、字符串拼接

任何類型與字符串相加都會被轉成字符串類型

function musum(){
     var i=3;
     var j="3";
     var m=i+j;
     document.getElementById("sumid").innerHTML=m;
}
// 顯示爲33

十二、關係運算符

 

1三、邏輯運算符

&& || !

&&與的運算規則是：同真爲真，一架則假（只要有一個是假的，那麼就是假的）

var r=ture;
var f=false;
alert(true && true);//true
alert(true && false);//false
alert(false && false);//false

||或的運算規則是：一真爲真，一假則假；

var r=ture;
var f=false;
alert(t || f);//true
alert(f || t);//true
alert(t || t);//true
alert(f || f);//false

!非的運算規則是：真是假，假是真；

alert(! true);//false
alert(! false);//true

邏輯短路：

當邏輯運算符前面的表達式已經可以決定整個表達式的結果時，後面的表達式就不能參與運算