js方式三种引入及相关注意点

？岁月神偷

于 2021-08-25 21:40:05 发布

阅读量167

点赞数

文章标签： html javascript

本文链接：https://blog.youkuaiyun.com/weixin_46116512/article/details/119920099

版权

"本文介绍了HTML中JavaScript的两种使用方式：内联和外联。内联方式通过`<script>`标签直接在HTML中编写JS代码，如`alert()`和`confirm()`函数的示例。外联方式则是通过`<script src="...">`引用外部JS文件，确保代码的组织和分离。注意，当使用外联方式时，不应在`<script>`标签内部写代码，因为这将不会被执行。"

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--行内式，一般只有一行，随便写，不建议使用 -->
    <a href="#" onclick="alert('你好，我是内联方式')"></a>

    <!--内联方式 要加 <script>标签，不带src -->
    <script>
        alert("你好，我是内联方式");
        confirm("你好，我是内联方式");
        //alert是弹出对话框，()里面是内容，要加引号 ， confirm一样弹出对话框，加个取消按钮
    </script>

    <!--外联方式,src里面是js文件路径  -->
    <script src="./first.js">
    </script>

    <!--注意点，有src与没有src的区别，可以区分内联还是外联，还有就是
    有src不可以在<srcipt>里面写代码，运行不了  -->
    <script src="./first.js">
        alert("你好，我是外联方式");//不运行

    </script>

</body>

</html>