什么是内联JavaScript？
内联JavaScript指的是直接将JavaScript代码写在HTML文档中的一种方式。它主要用于简单的脚本，比如事件处理、表单验证等。与之相对的是外部JavaScript文件，它将JavaScript代码放在一个独立的文件中，并由HTML引用这个文件。
如何在HTML中使用内联JavaScript？
在HTML文档中使用内联JavaScript，需要在需要执行JavaScript代码的HTML元素中添加on事件属性，如下所示：
<button onclick="alert('Hello World!')">Click me</button>在这个例子中，当点击按钮时，会弹出一个对话框显示"Hello World!"。这里，onclick是一个事件，它指定了一个JavaScript函数alert('Hello World!')，当点击按钮时会执行这个函数。
内联JavaScript示例
我们来看一个更加复杂的内联JavaScript示例。下面的代码演示了一个简单的计算器，它可以将两个数相加，并将结果显示在HTML页面上。
<html>
<head>
<title>简单的计算器</title>
</head>
<body>
<form>
<input type="text" id="num1"> +
<input type="text" id="num2">
<button onclick="addNumbers()">Add</button>
</form>
<p id="result"></p>
<script>
function addNumbers() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").innerHTML = "结果：" + result;
}
</script>
</body>
</html>
这个示例中，我们创建了一个表单，有两个输入框num1和num2，一个按钮Add以及一个显示结果的段落result。当用户点击Add按钮时，会执行addNumbers()函数，这个函数会将num1和num2的值相加，并将结果显示在result段落中。
如何在内联JavaScript中使用HTML元素？
在内联JavaScript中，可以直接使用HTML元素，比如各种标记元素、属性和事件。
使用HTML标记元素
可以在JavaScript代码中直接使用HTML标记元素，比如：
document.write("<h1>Hello World!</h1>");这个代码片段会向HTML文档中写入一个h1标题，内容为"Hello World!"。
使用HTML属性
内联JavaScript也可以使用HTML元素的属性，比如：
<button onclick="this.innerHTML = 'Clicked!'">Click me</button>这个例子中，当用户点击按钮时，会将按钮的innerHTML属性设置为"Clicked!"，从而改变按钮上的文本。
使用HTML事件
可以在HTML元素上指定事件，比如：
<button onclick="alert('Clicked!')">Click me</button>这个例子中，当用户点击按钮时，会弹出一个提示框，显示"Clicked!"。
内联JavaScript的优缺点
内联JavaScript的优点是它非常简便，适用于简单的脚本，不需要额外的文件，易于维护。而缺点是它不利于代码复用，无法在多个页面共享JavaScript代码，并且很容易造成HTML代码与JavaScript代码的混淆，可维护性差。
总结
内联JavaScript是一种在HTML文档中嵌入简单JavaScript代码的方式，可以通过on事件属性直接将JavaScript代码写在HTML元素中。内联JavaScript适合于简单的脚本，但带来了可维护性和代码复用方面的缺陷。因此，在设计复杂的应用程序时，应使用独立的外部JavaScript文件。