一、JavaScript入门简介
JavaScript是一种轻量级的编程语言，用于在Web页面上添加交互功能。它是一种客户端脚本语言，通常在浏览器中运行。使用JavaScript，用户可以轻松地创建动态的效果，添加表单验证等交互功能。
在本文中，我们将学习三种不同的JavaScript引入方式。这些引入方式是内部JavaScript、外部JavaScript和行内JavaScript。
二、内部JavaScript
内部JavaScript是直接将JavaScript代码嵌入到HTML页面中的方式。这种方式在小型项目中比较常见。
1.语法规则
在内部JavaScript中，我们使用<script>标签将代码放在HTML页面中。下面是内部JavaScript的例子：
<!DOCTYPE html>
<html>
<head>
<title>内部JavaScript</title>
</head>
<body>
<h1>内部JavaScript</h1>
<script>
var name = "John";
document.write("Hello " + name);
</script>
</body>
</html>
2.优点
内部JavaScript的优点是可以在HTML源代码中直接看到JavaScript代码和HTML元素，方便调试和修改。
3.缺点
内部JavaScript的缺点是难以管理，代码可维护性差，容易出现代码冗余，导致页面加载速度变慢。
三、外部JavaScript
外部JavaScript是将JavaScript代码放在单独的.js文件中，然后在HTML页面中通过<script>标签引入这个文件，从而实现代码的复用。
1.语法规则
在外部JavaScript中，我们通常将JavaScript代码保存在一个独立的文件中，然后通过<script>标签将其引入到HTML页面中。下面是外部JavaScript的例子：
<!DOCTYPE html>
<html>
<head>
<title>外部JavaScript</title>
<script src="demo.js"></script>
</head>
<body>
<h1>外部JavaScript</h1>
<p id="demo"></p>
</body>
</html>
在代码中，我们通过<script>标签中的src属性引入了demo.js文件。然后，我们在HTML页面中使用<p>标签创建了一个空的段落元素，并给它一个id属性“demo”。
接着，在demo.js文件中，我们使用了document.getElementById()方法获取页面中id为demo的元素，并将其内容修改为“Hello World”：
var el = document.getElementById("demo");
el.innerHTML = "Hello World!";
2.优点
外部JavaScript的优点是将所有JavaScript代码保存在一个单独的文件中，将代码和内容分离，使得代码可维护性更好，而且在多个页面需要使用同一段代码时，只需要引入同一个文件即可，从而减少了代码重复，提高了网站的加载速度。
3.缺点
外部JavaScript的缺点是因为需要引入外部文件，所以如果文件路径写错或引用的文件不存在，就可能引发错误。此外，由于所有JavaScript代码都放在一个文件中，所以文件可能会变得很大，从而导致加载时间变长。
四、行内JavaScript
行内JavaScript是直接将JavaScript代码写在HTML标签的事件属性中的方式。例如，在HTML页面中，我们可以使用onclick事件来触发JavaScript代码：
<!DOCTYPE html>
<html>
<head>
<title>行内JavaScript</title>
</head>
<body>
<h1 onclick="alert('Hello World!')">点击我</h1>
</body>
</html>
在这个例子中，我们使用了一个onclick事件，这个事件会在用户点击<h1>标签时执行JavaScript代码alert('Hello World!')。在这个例子中，我们将JavaScript代码直接写在行内，而不是将代码放在一个单独的文件中。
1.语法规则
使用行内JavaScript非常简单，只需将JavaScript代码写在HTML标签的事件属性中即可。例如：
<button onclick="alert('Hello World!')">点击我</button>2.优点
行内JavaScript的优点是它非常直观和简单，适用于简单的脚本，没有必要单独写一个JavaScript文件的场景。
3.缺点
行内JavaScript的缺点是它增加了HTML标签的体积，可读性和可维护性较差，代码重复性高，不利于代码复用。
五、总结
在本文中，我们学习了三种不同的JavaScript引入方式：内部JavaScript、外部JavaScript和行内JavaScript。每种引入方式都有各自的优缺点，在使用时需要注意选择适合项目的最佳方式。