一、JavaScript 输出语句

1、弹窗:alert()语句

我们要学习的第一个语句,就是 alert 语句。

代码举例如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            alert('Hello World');
        </script>
    </body>
</html>

alert(英文翻译为“警报”)的用途:弹出“警告框”。它会在弹窗中显示一条信息,并等待用户按下 “OK”。

2、弹窗:confirm()语句(含确认/取消)

代码举例如下:

var result = confirm('你好');
console.log(result);

代码运行后,页面上会显示一个弹窗。弹窗上有“确认”和“取消”两个按钮,点击“确定”返回 true,点击“取消”返回 false

3、弹出输入框:prompt()语句

prompt()就是专门弹出能够让用户输入的对话框。用得少,测试的时候偶尔会用。

JS 代码如下:

var a = prompt('请随便输入点什么东西吧');
console.log(a);

上方代码中,用户输入的内容,将被传递到变量 a 里面,并在控制台打印出来。

alert()和 prompt()的区别:

  • alert() 语句中可以输出数字和字符串,如果要输出字符串,则必须用引号括起来;prompt()语句中,用户不管输入什么内容,都是字符串。

  • prompt() 会返回用户输入的内容。我们可以用一个变量,来接收用户输入的内容。

网页内容区域输出:document.write()语句

代码举例:

document.write('何以媛起学前端');

二、常量和变量

变量的定义和赋值

定义变量是在告诉浏览器,我们需要一块内存空间,相当于生成超市里的储物格。

给变量赋值就是往相当于往储物格里塞东西,可能今天上午塞的是面包🍞,下午就换成了蛋糕🍰。

变量的定义/声明(ES5)

在 ES6 语法之前,统一使用var关键字来声明一个变量。比如:

var name; // 定义一个名为 name 的变量。name是变量名。

var 是英语“variable”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”。

PS:在 JavaScript 中,永远都是用 var 来定义变量(在 ES6 之前),这和 C、Java 等语言不同。

变量的定义/声明(ES6)

在 ES6 语法及之后的版本里,可以使用 constlet关键字来定义一个变量

const name; // 定义一个常量

let age; // 定义一个变量

如果你想定义一个常量,就用 const;如果你想定义一个变量,就用 let。