JavaScript 的引入和输出方式

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>

JavaScript 输出方式

alert()(英文翻译为“警报”)的用途:弹出“警告框”

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

这个警告框,在 IE 浏览器中长这样:

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

console.log()控制台输出

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

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

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

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

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

prompt()用户输入语句

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

JS 代码如下:

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

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

效果如下:

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

文档更新时间: 2021-09-06 14:44   作者:张老师