我正在为大学制作一个网站，我需要在其中包含 JavaScript，所以我想在我单击 CSS 中的“提交”按钮时出现一个弹出框，但我并不完全确定如何去做。目前我有以下用于弹出框的 JavaScript:
<button onclick="SubmitBtn">Hello</button>
<script>
function myFunction() {
alert("Your email has been sent!");
}
</script>
但是它只是创建了另一个按钮并且不起作用。我不太擅长 JavaScript，因为我只做了几周，所以非常感谢任何帮助。我想要按下的按钮在页面底部的表单中。
我将不带 CSS 的完整代码放在下面:
<!DOCTYPE html>
<html>
<head>
</body>
</html>
<button onclick="SubmitBtn">Hello</button>
<script>
function myFunction() {
alert("Your email has been sent!");
}
</script>
<title>OINK - Contact Us</title>
<body>
<div id="container">
<center><p>WELCOME TO THE OINK LAYOUT!</p></center></font>
<div id="menu">
<ul>
<center>
<li><a class="button_example" href="index.html">HOME</a></li>
<li><a class="button_example" href="piggybanks.html">PIGGY BANKS</a></li>
<li><a class="button_example" href="moosic.html">MOOSIC</a></li>
<li><a class="button_example" href="contact.html">CONTACT US</a></li>
<li><a class="button_example" href="pigtures.html">PIGTURES</a></li>
</center>
</ul>
<p> </p>
<p> </p>
<div>
<!-- <div id="footer">This is the footer</div> -->
</div>
<form id="form1" name="form1" method="post" action="#" onsubmit="return checkform(this);">
<label for="Name"><FONT FACE="ComingSoon">Name</label></FONT>
<input type="text" name="Name" id="Name" />
<br />
<label for="Email"><FONT FACE="ComingSoon">Email</label></FONT>
<input type="text" name="Email" id="Email" />
<br />
<label for="Message"><FONT FACE="ComingSoon"> Message<br /></FONT>
</label>
<textarea name="Message" id="Message" cols="45" rows="5"></textarea>
<input type="submit" name="SubmitBtn" id="SubmitBtn" value="Submit" />
</form>
<div id="footer">Copyright 2015-2024 by Y/N
<br>
All rights reserved<br>
OINK is a trademark of Y/N
<br>
This page was last updated on 22 January 2015</div>
</div>
</body>
</html>
最佳答案
试试这个
<button onclick='foo();'>Hello</script>
<script>
function foo(){
alert('Your email has been sent');
}
</script>
关于javascript - 按下特定按钮时弹出窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28741150/