JavaScript 運算符

運算子 = 用於賦值。

運算子 + 用於加值。

運算子 = 用來為 JavaScript 變數賦值。

算術運算子 + 用來把值加起來。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
y=5;
z=2;
x=y+z;
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

執行程式嘗試

JavaScript 算術運算子

算術運算子用於執行變數與/或值之間的算術運算。

給定 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
--	#1	x=--y	x=4

##JavaScript 賦值運算子

#賦值運算子用於為JavaScript 變數賦值。

給定 x=10 和 y=5，以下的表格解釋了賦值運算子：

##x=y x=5+=x+=yx=x+yx=15-=x-=yx=x-y*=/=##x=x/yx=2%=x%=yx=x%yx=0

用於字串的+ 運算子

+ 運算子用於把文字值或字串變數加起來（連接起來）。

如需把兩個或多個字串變數連接起來，請使用 + 運算子。

實例

如需把兩個或多個字串變數連接起來，請使用+ 運算子：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>

執行程式試試看

要想在兩個字串之間增加空格，需要把空格插入一個字串之中：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very ";
txt2="nice day";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>

執行程式嘗試

或把空格插入表達式中：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>

執行程式試試看

#字串和數字進行加法運算

兩個數字相加，傳回數字相加的和，如果數字與字串相加，傳回字串，如下實例：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p>点击按钮创建及增加字符串变量。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5+5;
var y="5"+5;
var z="Hello"+5;
var demoP=document.getElementById("demo");
demoP.innerHTML=x + "<br>" + y + "<br>" + z;
}
</script>
</body>
</html>

規則:如果把數字與字串相加，結果就會變成字串！

執行程式嘗試

# 繼續學習

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击按钮计算 x 的值.</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction() { y=5; z=2; x=y+z; document.getElementById("demo").innerHTML=x; } </script> </body> </html>

提交重置程式碼

自動運行

教程列表

獲取幫助