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

编程知识更新时间:2023-04-07 18:05:53

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

本文目录

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>