方式1.直接在网页中嵌入js代码的方式,写在script标签里
方式2:引入外部的js文件
Demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js编写位置</title>
<!-- 方式1.直接在网页中嵌入js代码的方式 -->
<!-- <script>
alert("test demo");
</script> -->
<!--方式2:引入外部的js文件 -->
<script type="text/javascript" src="../js/demo1.js"></script>
<style>
button{
width: 100px;
height:30px;
}
</style>
</head>
<body>
<!--虽然可以写在标签的属性里,但他们属于结构与行为耦合,不方便维护,不推荐使用-->
<!-- <button onclick="alert('click button')">test button</button>
<a href="javascript:;">点我一下</a> -->
<!-- 可以将js代码写在a标签的href属性里,当点击超链接时,会执行js代码 -->
<!-- <a href="javascript:alert('test demo');">点我一下吧</a> -->
</body>
</html>