JavaScript 輸出，運算，常用基本語句
JS常用基本語句
If判斷語句
在 JavaScript 中，我們可使用以下條件語句：
- if 語句 - 只有當指定條件為 true 時，使用該語句來執行程式碼
- if...else 語句 - 當條件為 true 時執行程式碼，當條件為 false 時執行其他程式碼
- if...else if....else 語句 - 使用該語句來選擇多個程式碼塊之一來執行
- switch 語句 - 使用該語句來選擇多個程式碼塊之一來執行
例項
如果時間小於 10:00，則x= "Good morning"，否則如果時間小於 20:00，則x="Good day"，否則x="Good evening"：
var time=15; if (time<10) { x="Good morning"; } else if (time<20) { x="Good day"; } else { x="Good evening"; }
x 的結果是：
Good day
Switch 語句
使用 switch 語句來選擇要執行的多個程式碼塊之一
例項
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}不同型別的迴圈語句
JavaScript 支援不同型別的迴圈：
- for - 迴圈程式碼塊一定的次數
- for/in- 迴圈遍歷物件的屬性
- while - 當指定的條件為 true 時迴圈指定的程式碼塊
- do/while - 同樣當指定的條件為 true 時迴圈指定的程式碼塊
For 迴圈
例項
for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "<br>";
}
For/In 迴圈
JavaScript for/in 語句迴圈遍歷物件的屬性：
例項
var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; }
while 迴圈
While 迴圈會在指定條件為真時迴圈執行程式碼塊。
例項
本例中的迴圈將繼續執行，只要變數 i 小於 5：
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}do/while 迴圈
do/while 迴圈是 while 迴圈的變體。該迴圈會執行一次程式碼塊，在檢查條件是否為真之前，然後如果條件為真的話，就會重複這個迴圈。
例項
下面的例子使用 do/while 迴圈。該迴圈至少會執行一次，即使條件是 false，隱藏程式碼塊會在條件被測試前執行：
do
{
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);
JS運算
給定 y=5，下面的表格解釋了這些算術運算子：
|
運算子 |
描述 |
例子 |
結果 |
|
+ |
加 |
x=y+2 |
x=7 |
|
- |
減 |
x=y-2 |
x=3 |
|
* |
乘 |
x=y*2 |
x=10 |
|
/ |
除 |
x=y/2 |
x=2.5 |
|
% |
求餘數 (保留整數) |
x=y%2 |
x=1 |
|
++ |
累加 |
x=++y |
x=6 |
|
-- |
遞減 |
x=--y |
x=4 |
給定 x=10 和 y=5，下面的表格解釋了賦值運算子：
|
運算子 |
例子 |
等價於 |
結果 |
|
= |
x=y |
x=5 |
|
|
+= |
x+=y |
x=x+y |
x=15 |
|
-= |
x-=y |
x=x-y |
x=5 |
|
*= |
x*=y |
x=x*y |
x=50 |
|
/= |
x/=y |
x=x/y |
x=2 |
|
%= |
x%=y |
x=x%y |
x=0 |
用於字串的 + 運算子
如需把兩個或多個字串變數連線起來，請使用 + 運算子。
例項
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;在以上語句執行後，變數 txt3 包含的值是：
"What a very nice day"
對字串和數字進行加法運算
請看這些例子：
x=5+5;
document.write(x);
x="5"+"5";
document.write(x);
x=5+"5";
document.write(x);
x="5"+5;
document.write(x);
對字串和數字進行減法運算
var str =”,456”;
str=str-1;
document.write(str);結果
455
var str=”abc”;
document.write(str-1);結果
提示 NaN: 表示不是一個數字
比較運算子
比較運算子在邏輯語句中使用，以測定變數或值是否相等。
給定 x=5，下面的表格解釋了比較運算子：
|
運算子 |
描述 |
例子 |
|
== |
等於 |
x==8 為 false |
|
=== |
全等（值和型別） |
x===5 為 true；x==="5" 為 false |
|
!= |
不等於 |
x!=8 為 true |
|
> |
大於 |
x>8 為 false |
|
< |
小於 |
x<8 為 true |
|
>= |
大於或等於 |
x>=8 為 false |
|
<= |
小於或等於 |
x<=8 為 true |
JavaScript 輸出
1操作 HTML 元素
例子
通過指定的 id 來訪問 HTML 元素，並改變其內容：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一張網頁</h1>
<p id="demo">我的第一個段落</p>
<script>
document.getElementById("demo").innerHTML="
我的第一段
JavaScript";
</script>
</body>
</html>2寫到文件輸出
下面的例子直接把 <p> 元素寫到 HTML 文件輸出中：
例項
<!DOCTYPE html>
<html>
<body>
<h1>我的第一張網頁</h1>
<script>
document.write("<p>
我的第一段
JavaScript</p>");
</script>
</body>
</html>