点此查看 所有教程、项目、源码导航

本文目录

  • 1. 前言
  • 2. 网页中使用JS
  • 3. 小结

1. 前言

上一篇，给大家聊了很多关于JS的事情，大家想必已经迫不及待，想知道如何在网页中使用JS。

本篇就来介绍下。

2. 网页中使用JS

还记得如何在网页中使用CSS么，可以这样：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        body {
            background-color: grey;
            color: white;
        }
    </style>
</head>
<body>
    你好
</body>
</html>

我们通过在头部，放置了<style>标签，然后就可以在<style>标签中编写CSS代码了。

差不多的是，我们可以通过在头部，放置<script>标签，来编写JS代码，如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        body {
            background-color: grey;
            color: white;
        }
    </style>
    <script>
        alert(1);
    </script>
</head>
<body>
    你好
</body>
</html>

<script>和</script>中间，就是我们编写的js代码了。alert(1);这句代码的意思是在网页上显示一个弹窗，弹窗的内容是1。所以上面代码效果如下：

我们的JS已经在网页中成功运行了！

3. 小结

本篇只要掌握，可以通过script标签，在网页中引入JS代码就OK了，至于JS代码如何编写，这是我们以后需要学习的内容。

更多推荐

零基础JavaScript入门教程(2)–在网页中使用JS