内联脚本：
通过将JavaScript代码直接嵌入到HTML文件中，可以使用内联脚本。在 <script> 标签内部，可以编写JavaScript代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>内联脚本示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<script>
// JavaScript代码
alert('Hello, World!');
</script>
</body>
</html>
外部脚本：
为了使代码更可维护和可重用，可以将JavaScript代码保存在外部文件中，并通过 <script> 元素的 src 属性引用这些文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>外部脚本示例</title>
<!-- 引用外部JavaScript文件 -->
<script src="myscript.js"></script>
</head>
<body>
<h1>欢迎来到我的网站</h1>
</body>
</html>
在这里，myscript.js 文件包含JavaScript代码：
// myscript.js
// JavaScript代码
alert('Hello, World!');
异步加载脚本：
可以通过 async 和 defer 属性来控制脚本的加载和执行方式。
- 使用 async 属性，脚本将异步加载，加载和执行过程不会阻止页面的解析：
<script async src="myscript.js"></script>
- 使用 defer 属性，脚本将在文档解析完成后按照它们在文档中的顺序依次执行：
<script defer src="myscript.js"></script>
这些是HTML中基本的脚本用法。JavaScript的功能涵盖了许多方面，包括事件处理、DOM操纵、Ajax请求等，通过脚本，可以使网页更加交互和动态。
转载请注明出处：http://www.zyzy.cn/article/detail/12487/HTML5