Javascript必看关于变量输入输出方式

133 阅读 0 评论 88 点赞

我是靠谱客的博主无情翅膀，这篇文章主要介绍Javascript必看关于变量输入输出方式，现在分享给大家，希望可以做个参考。

Javascript是前端学习要点之一，已下整理啦关于一些Javascript输入输出以及变量定义的方式，供大家参考学习。

1.var用来声明变量，var是Variable的简写意思是可变的。

注意：在命令变量名时，变量由字母，下划线、$或数字组成，并且第一个字母必须是字母、下划线、或者$。

变量不能是系统关键字和保留字。

复制代码

1
2
3
4
5
6
<script>
var myname='旗木卡卡西';
var address='火影村';
console.log(myname);
console.log(address);
</script>

2.控制台输出：（这种方式是针对程序员的输出方式，在控制台上可见）

console.log(此处为输出的对象)

例如：

复制代码

1
2
3
4
5
6
<script>
var myname='旗木卡卡西';//var声明给myname赋值。
var address='火影村';//var给address赋值。
console.log(myname);//控制台输出myname的值，输出的指只有在控制台才能看到。
console.log(address);//控制台输出address的值
</script>

在网页中打开检查，运行如下：

3.弹窗警告输出方式

alert（）

复制代码

1
2
3
4
5
6
7
8
<script>
var myname='旗木卡卡西';
var address='火影村';
console.log(myname);
console.log(address);
alert(myname);//弹窗输出myname
alert('你已进入火影村监视范围');//字节型直接弹窗方式
</script>

第一个警告弹窗

第二个警告弹窗

4.直接在网页输出

document.writer（）

复制代码

1
2
3
4
5
6
7
8
9
<script>
var myname='旗木卡卡西';
var address='火影村';
console.log(myname);
console.log(address);
alert(myname)
alert('你已进入火影村监视范围');
document.write('前端学习，妙趣横生。');
</script>

5.Javascript输入方式

复制代码

1
2
3
<script>
prompt('输入你的年龄');
</script>

6.confirm()

confirm() 这个方法要求用户选择。有确认有返回。confirm 方法的返回值为 true 或 false。

复制代码

1
2
3
4
5
6
7
8
9
10

if (confirm("你确定要修改吗？")){
var input=prompt("请输入修改的数值：");
if(input!=null && input!=""){
//进行相关操作
else{
//alert("输入的值不能为空!");
}
}

本章例子放在下边，大家可以自行调试。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
//var myname='旗木卡卡西';//var声明给myname赋值。
//var address='火影村';//var给address赋值。
//console.log(myname);//控制台输出myname的值，输出的指只有在控制台才能看到。
//console.log(address);//控制台输出address的值
// var email='kakaxi@itcast.cn';
// var gz=2000;
// console.log(myname);
// console.log(address);
// document.write('前端学习，妙趣横生。');
// console.log(email);
// console.log(gz);
// var myname = prompt('请输入你的名字')
// alert(myname)
// alert('你已进入火影村监视范围');
//prompt('输入你的年龄');
</script>
<body>
</body>
</html>