JavaScript（一）内部外部行内三种书写方式

代码对我眨眼睛

于 2024-02-04 23:50:13 发布

阅读量247

点赞数 3

分类专栏： # JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_73756108/article/details/135620896

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

注释很详细，直接上代码

新增内容：

1.j内部写法

2.外部写法

3.行内写法

内部写法

test.html

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 我们将<script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载HTML。
如果先加载的JavaScript期望修改其下方的HTML,那么它可能由于HTML尚未被加载而失效。
因此,将JavaScript代码放在HTML页面的底部附近通常是最好的策略。 -->
    <script>
        alert("你学会内部写法了！！！");
    </script>
</body>
</html>

效果演示：

在这里插入图片描述

外部写法

test.html

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="/test_1.js"></script>
</body>
</html>

test.js

alert("你学会外部写法了！！！")

效果演示：

在这里插入图片描述

行内写法

test.html

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<!-- 外面是双引号里面的字符串就得用单引号了-->
    <button type="button" onclick="alert('你学会行内写法了')">点击</button>
</body>
</html>