JavaScript 的引入和输出方式

1. JavaScript 代码的书写位置

（1）内嵌的方式：

页面中，我们可以在<body>标签里放入<script type=”text/javascript”></script>标签对儿，并在<script>里书写 JavaScript 程序：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
    </head>
    <body>
        <!-- 写在所有html标签之后 -->
        <script>
            // 相关代码
        </script>
    </body>
</html>

text 表示纯文本，因为 JavaScript 也是一个纯文本的语言。

（2）外链式：引入外部 JavaScript 文件（放到 body 标签里，可以和内嵌的 js 代码并列）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
    </head>
    <body>
        <script src="引用的代码路径"></script>
    </body>
</html>

2. JavaScript 输出方式

(1) alert()（英文翻译为“警报”）的用途：弹出“警告框”。

alert("")警告框的效果如下：

这个警告框，在 IE 浏览器中长这样：

上面的代码中，如果写了两个 alert()语句的话，网页的效果是：弹出第一个警告框，点击确定后，继续弹出第二个警告框。

(2) console.log() ：控制台输出。

console.log("")表示在控制台中输出。console 表示“控制台”，log 表示“输出”。

控制台在 Chrome 浏览器的 F12 中。控制台是工程师、程序员调试程序的地方。程序员经常使用这条语句输出一些东西，来测试程序是否正确。

console.log("")效果如下：

普通人是不会在意控制台的，但是有些网站另藏玄机。有个很有意思的地方是，百度首页的控制台，悄悄地放了一段招聘信息：

毕竟做前端的人是经常使用控制台的。

(3) prompt()：用户输入语句

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

JS 代码如下：

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

上方代码中，用户输入的内容，将被传递到变量 a 里面。

效果如下：

)

prompt()语句中，用户不管输入什么内容，都是字符串。

文档更新时间: 2023-01-09 15:46   作者：孙老师