文章目录
概述
- 最常用:外部引入(js 文件统一存放,方便管理)
- 提示: 把脚本置于
<body> 元素的底部
,可改善显示速度,因为脚本编译会拖慢显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="onClick()">测试1</button>
<!-- 行内引入 js start -->
<button onclick="alert('行内引入 js 测试')">测试2</button>
<!-- 行内引入 js end -->
<!-- 外部引入 js(最常用) strat-->
<script type="text/javascript" src="../static/js/demo.js"></script>
<!-- 外部引入 js end-->
<!-- 内部引入 js start-->
<script type="text/javascript">
function onClick() {
alert("内部引入 js 测试");
}
</script>
<!-- 内部引入 js end-->
</body>
</html>