JavaScript是一门Web编程语言,用来实现网页的交互功能,它和HTML、CSS共同组成了个Web开发的基础工具集合,也是前端开发者必备的技能;学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念,让我们能够更加快速的去开发Web应用。
InJavaScript,算术运算符接收数值(字面量或变量)作为操作数,并返回单个数值结果。存在四个标准运算符:加法(+)将两个操作数相加;减法(-)从左操作数减去右操作数;乘法(*)计算两数乘积;除法(/)将左操作数除以右操作数。指数运算符(**)执行幂运算,取模运算符(%)返回除法余数。递增(++)与递减(--)运算符分别对数值进行+1或-1操作。所有运算符均严格遵循数学运算优先级规则。算术运算符,加法(+)、减法(-)、乘法(*)及除法(/)。
这些运算符的行为与其他编程语言中的相同,但除法(/)运算符除外:在 JavaScript 中它执行浮点数除法运算,而非像 C 或 Java 等语言中执行整数除法时的截断取整操作。
例如:
在JavaScript中,1/2返回0.5。
Java中1/2返回0。
此外,JavaScript 还提供取模运算符(%)、自增运算符(++)、自减运算符(--)以及一元取反运算符(-)。
示例:(+ 加法运算符)
HTML代码:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript + operator example</title>
<meta name="description" content="This document contains
an example of JavaScript + operator" />
</head>
<body>
<script src="addition_example1.js"></script>
</body>
</html>
执行一下JavaScript代码:
var var1 = 45;
var var2 = 78;
var var3 = 45.10;
var var4 = 178.12;
var newvar = var1 + var2;
var newvar1 = var3 + var4;
var newParagraph3 = document.createElement("p");
var newText3 = document.createTextNode("var1 + var2 = "+newvar+" and var3 + var4 = "+newvar1);
newParagraph3.appendChild(newText3);
document.body.appendChild(newParagraph3);
执行一下减号(-)减法运算符
HTML代码:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript subtraction operator example </title>
<meta name="description" content="This document contains an
example Using JavaScript subtraction operator"/>
</head>
<script src="subtraction-example1.js"></script>
</body>
</html>
执行一下JavaScript代码:
var var1 = 45;
var var2 = 78;
var str1 = "w3capi";
var str2 = ".com";
var newvar = var1 - var2;
var newstr = str1 - str2;
var varstr = var1 - str2;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("var1 -var2 = "+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("str1 - str2 = "+ newstr);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("var1 - str2 = "+ varstr);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2)
执行一下示例:(* 乘法运算符)
HTML代码:
<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript multiplication operator (*) example with DOM
</title>
<meta name="description" content="This document contains an example
Using JavaScript multiplication operator (*) with dom"/>
</head>
<body>
<script src="multiplication-example1.js"></script>
</body>
</html>
执行一下JavaScript代码:
var var1 = 45;
var var2 = 78;
var var3 = 45.10;
var var4 = 178.12;
var newvar = var1 * var2;
var newvar1 = var3 * var4;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("var1 * var2 = "+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("var3 * var4 = "+ newvar1);
newParagraph1.appendChild newText1);
document.body.appendChild(newParagraph1);
执行一下示例:(/ 除法运算符)
HTML代码:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript / operator example </title>
<meta name="description" content="This document contains an example of JavaScript division operator" />
</style>
</head>
<body>
<script src="division-example1.js"></script>
</body>
</html>
执行一下JavaScript代码:
var var1 = 45;
var var2 = 78;
var var3 = 1;
var var4 = 2;
var newvar = var1 / var2;
var newvar1 = var3 / var4;
var newParagraph = document.createElement("p");
var newText = document.createTextNode ("var1 / var2 = "+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("var3 / var4 = "+ newvar1);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
执行一下在线练习示例