msksbr/java-web-homework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加：js测试 弹窗按钮

Browse Source
This commit is contained in:
御坂スバル
2025-03-05 11:05:37 +08:00
parent 840ed10d06
commit c3d46c329b
3 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/js/index.css
+19
View File
@@ -2,3 +2,22 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
button {
border: 2px;
border-style: solid;
border-color: rgb(240, 120, 24);
width: 8em;
height: 3em;
color: rgb(255, 255, 255);
background-color: rgb(240, 120, 24);
}
button:hover {
color: rgb(240, 120, 24);
background-color: rgb(255, 255, 255);
}
#click_button {
display: block;
margin: 16em auto;
}
test/js/index.html
+4 -2
View File
@@ -4,8 +4,10 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="index.css" />
<link rel="text/javascript" href="index.js" /> <script src="index.js"></script>
<title>js测试</title> <title>js测试</title>
</head> </head>
<body></body> <body>
<button id="click_button">点我弹窗</button>
</body>
</html> </html>
test/js/index.js
+7
View File
@@ -0,0 +1,7 @@
alert('测试');
document.addEventListener("DOMContentLoaded", function () {
const button = document.getElementById("click_button");
button.addEventListener("click", function () {
alert("你还真按啊");
});
});