javascript - HTML 按钮 onclick 事件

Question

3 个按钮 3 个 onclick 事件

这可能是一个非常基本的问题；相信我，我发现很难在互联网上找到这个问题的答案。我的服务器（本地 Tomcat）中存储了 3 个 HTML 页面，我想通过单击按钮打开这些 HTML 页面。任何帮助将不胜感激。

这是我的代码，

<!DOCTYPE html>
<html>
  <head>
      <meta charset="ISO-8859-1">
      <title>Online Student Portal</title>
  </head>
<body>
  <form action="">
      <h2>Select Your Choice..</h2>
      <input type="button" value="Add Students">
      <input type="button" value="Add Courses">
      <input type="button" value="Student Payments">
  </form>
</body>
</html>

score 50 · Accepted Answer

试试这个：-

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="ISO-8859-1"> 
    <title>Online Student Portal</title> 
</head> 
<body> 
    <form action="">
         <input type="button" value="Add Students" onclick="window.location.href='Students.html';"/>
         <input type="button" value="Add Courses" onclick="window.location.href='Courses.html';"/>
         <input type="button" value="Student Payments" onclick="window.location.href='Payment.html';"/>
    </form> 
</body> 
</html>

score 27 · Accepted Answer

您应该都知道这是内联脚本，根本不是一个好习惯……也就是说，您应该明确地将 javascript 或 jQuery 用于此类事情：

HTML

<!DOCTYPE html> 
<html> 
 <head> 
    <meta charset="ISO-8859-1"> 
    <title>Online Student Portal</title> 
 </head> 
 <body> 
    <form action="">
         <input type="button" id="myButton" value="Add"/>
    </form> 
 </body> 
</html>

jQuery

var button_my_button = "#myButton";
$(button_my_button).click(function(){
 window.location.href='Students.html';
});

Javascript

  //get a reference to the element
  var myBtn = document.getElementById('myButton');

  //add event listener
  myBtn.addEventListener('click', function(event) {
    window.location.href='Students.html';
  });

查看评论为什么要避免内联脚本以及为什么内联脚本不好

score 7 · Accepted Answer

在第一个按钮上添加以下内容。

onclick="window.location.href='Students.html';"

其余的 2 个按钮也一样。

<input type="button" value="Add Students" onclick="window.location.href='Students.html';"> 
<input type="button" value="Add Courses" onclick="window.location.href='Courses.html';"> 
<input type="button" value="Student Payments" onclick="window.location.href='Payments.html';">

score 2 · Accepted Answer

这个例子将帮助你：

<form>
    <input type="button" value="Open Window" onclick="window.open('http://www.google.com')">
</form>

您可以通过以下方式在同一页面上打开下一页：

<input type="button" value="Open Window" onclick="window.open('http://www.google.com','_self')">

score 2 · Accepted Answer

jsfiddle 中的按钮 onclick 事件有问题？

如果是这样，请参阅Onclick 事件未在 jsfiddle.net 上触发

score 1 · Accepted Answer

<body>
"button" value="Add Students" onclick="window.location.href='Students.html';"> 
<input type="button" value="Add Courses" onclick="window.location.href='Courses.html';"> 
<input type="button" value="Student Payments" onclick="window.location.href='Payments.html';">
</body>

javascript - HTML 按钮 onclick 事件

6 回答 6

Related

Reference