📜  HTML5 |数学运算符(1)

📅  最后修改于: 2023-12-03 14:41:58.148000             🧑  作者: Mango

HTML5 | 数学运算符

HTML5 支持的数学运算符可以在网页编程中很方便地使用。

基本数学运算符

HTML5 支持基本的数学运算符,如加减乘除:

| 运算符 | 描述 | |--------|---------------------| | + | 加号 | | - | 减号 | | * | 乘号 | | / | 除号 |

示例代码:

<p>10 + 5 = <script>document.write(10 + 5);</script></p>
<p>10 - 5 = <script>document.write(10 - 5);</script></p>
<p>10 * 5 = <script>document.write(10 * 5);</script></p>
<p>10 / 5 = <script>document.write(10 / 5);</script></p>

输出:

10 + 5 = 15
10 - 5 = 5
10 * 5 = 50
10 / 5 = 2

取余运算符

HTML5 支持取余运算符,也称为模运算符:

| 运算符 | 描述 | |--------|-------------------------------------| | % | 取余运算符,返回两个数相除的余数值 |

示例代码:

<p>10 % 3 = <script>document.write(10 % 3);</script></p>

输出:

10 % 3 = 1

自增与自减运算符

HTML5 支持自增和自减运算符:

| 运算符 | 描述 | |--------|---------------------------------| | ++ | 自增运算符,将变量加一 | | -- | 自减运算符,将变量减一 |

示例代码:

<p>初始值为 5,自增一次后的值为 <script>var a=5; a++; document.write(a);</script></p>
<p>初始值为 5,自减一次后的值为 <script>var b=5; b--; document.write(b);</script></p>

输出:

初始值为 5,自增一次后的值为 6
初始值为 5,自减一次后的值为 4

求幂运算符

HTML5 还支持求幂运算符:

| 运算符 | 描述 | |--------|-----------------------| | ** | 求幂运算符,a ** b 表示a的b次幂 |

示例代码:

<p>2 的 3 次幂 = <script>document.write(2 ** 3);</script></p>
<p>4 的 0.5 次幂 = <script>document.write(4 ** 0.5);</script></p>

输出:

2 的 3 次幂 = 8
4 的 0.5 次幂 = 2

以上就是 HTML5 支持的数学运算符,使用这些运算符可以在网页编程中方便地进行数学计算。