JavaScript（一）内部外部行内三种书写方式-编程知识

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

注释很详细，直接上代码

新增内容：

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>