html中变量,html输入变量怎么设置

首页 > 技术 > 作者:YD1662023-04-20 14:49:18

在编写程序的时候,我们需要在各个使用各种数据,有时候也会需要重复使用字符串以及相同的数值和计算公式,如果我们全部都写的话,会很麻烦,这个时候变量就会很有用了。

html中变量,html输入变量怎么设置(1)

首先我们来看一下JavaScript变量是什么?

JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x y)。变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称。

变量必须以字母开头

变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)

变量名称对大小写敏感(y 和 Y 是不同的变量)

接着我们就来看看JavaScript变量的使用方法

JavaScript中变量的写法如下

var 变量名 = “值、字符串”;

当使用var完成变量声明时,将右侧“”附带的值和字符串的数据替换为左侧的变量,并使用赋值运算符”=“。

因此,如果要将字符串string放在名为name的变量中,需要执行以下操作

var name = "string"

变量除了var以外,还包括了let和const,关于这三者的区别大家可以参考JavaScript中let、var和const的区别及应用场景的介绍这篇文章,这里就不多说了。

下面我们就来使用var变量来看一个具体的例子

在本例中,我们将“string”定义为变量,并使用document.write方法调用它。通过使用命令document.write(),可以显示数值和字符串。

代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>JavaScript</title>

</head>

<body>

<script>

var name = "string";

document.write(name);

</script>

</body>

</html>

浏览器上运行效果如下

html中变量,html输入变量怎么设置(2)

最后,我们还可以实现弹框通知

弹出通知可以在JavaScript中简单地实现,对确认执行结果的时候有帮助。

alert(变量);

顺便说一下,这次将计算式放入变量并输出。在数字的情况下,因为不是字符串,所以不使用“”。

代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>JavaScript</title>

</head>

<body>

<script>

var i = 1 100;

alert(i);

</script>

</body>

</html>

运行效果如下

html中变量,html输入变量怎么设置(3)

将“1 100”值赋给变量i,并输出总数。

以上就是JavaScript的变量怎么使用的详细内容,更多请关注其它相关文章!

更多技巧请《转发 关注》哦!

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.