<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript引入方式</title>
<!-- JavaScript引入方式-行内引入-->
<!-- 定义div块的长度和宽度以及背景颜色 -->
<style>
div{
width: 100px;
height: 100px;
background-color: blueviolet;
}
</style>
</head>
<body>
<br>
<!-- 定义一个输入框并加入弹窗 -->
<input type="button" value="点一下" onclick="alert('点一下，叉出去')">
<br> <br> <br>
<!-- 定义一个div块，并加入鼠标移动到上面就出发弹窗 -->
<div onmouseover="alert('有地雷，请撤离')">请将鼠标移动到此区域</div>
<br> <br> <br>
<!-- 定义一个超链接，并加入js弹窗 -->
<a href="javascript:alert('js超链接')">js超链接，请点击尝试</a>
</body>
</html>
