行内js
在开始标签内,使用空格隔开,加入事件名称或者方法名称,在等号后面,就是事件执行或者方法执行的动作代码
<style>
div{
width: 100px;
height: 100px;
background-color: blueviolet;
}
</style>
</head>
<body>
<div onclick="alert('弹窗')"></div>
</body>
内部js
在页面中使用script双标签,把js代码写在这个双标签之间,script双标签可以在页面中的任何位置建议:最好是放在head和body标签之间
<style>
div{
width: 100px;
height: 100px;
background-color: blueviolet;
}
</style>
<script>
alert('弹窗')
</script>
</head>
外部js
在外部建立一个js文件,使用script标签中 src属性,去链接到外部的js
<style>
div{
width: 100px;
height: 100px;
background-color: blueviolet;
}
</style>
<script src="../js/index.js"></script>
</head>