JS的使用方式_js怎么使用自己的方法-CSDN博客

本文链接：https://blog.csdn.net/qq_68925120/article/details/132512968

如何在html文件中去使用JS代码

1.内联式JS

<!-- 1.内联JS -->
    <a href="javascript:alert('点我干啥?');">点击一下</a>
    <!-- 给当前的div注册一个单机事件 -->
    <div title="123" onclick="alert('讨厌🤭')">你点完他就不要点我了</div>
    <div title="123" onclick="console.log(123)">你点完他就不要点我了</div>

2.创建一个script标签用来包裹JS代码

<!-- 2.创建一个script 标签 用来包裹js代码 -->
    <script>
        // alert警告框
        alert('校服费4000元引争议 学校回应热');

        // aaaa
    </script>

3.使用JS的script标签中的src来引入外部的JS代码

<script src="./01-JS的使用方式.js"></script>

注：此方式也可以放在<head>标签内：（放在head标签里和放在body里面的是有区别的，放在body里面可以有效地提高页面的运行效率）

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style>css</style> -->
<script src="./01-JS的使用方式.js"></script>
</head>