Javascript 如何为要重定向的每个链接编写脚本
因此，我尝试将用户从html链接和元素id标记重定向到使用javascript的其他页面。我已经知道了如何执行一个单一的重定向，但是在为多个链接编写代码时遇到了困难。到目前为止，我已经做到了：Javascript 如何为要重定向的每个链接编写脚本,javascript,Javascript,因此，我尝试将用户从html链接和元素id标记重定向到使用javascript的其他页面。我已经知道了如何执行一个单一的重定向，但是在为多个链接编写代码时遇到了困难。到目前为止，我已经做到了： <head> <script type = "text/javascript" src="script2.js"></script> </head> <body> <a href="nickname.html" id="redirect
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
我是否只需要启动更多函数并更改位置值、getElementById值和onclick值？一个更好的方法是执行如下操作-这样重定向用户的逻辑就可以合理地靠近链接，因此，当页面将人们带到其他地方时，查看源代码的人不会感到难以置信的困惑
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
<a href="nickname.html" id="redirect1" onclick="return initRedirect('Go to Salestax page?', 'nickname.html');">Some link</a>
onclick事件的一个好处是，如果返回false，它将阻止浏览器访问HREF中定义的链接。如果返回true，它将继续进行导航。如果使用此方法，则无需担心函数中的window.location，这将大大简化工作。所以你可以做：
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
<a href="salestax.html" onclick="return confirm('Go to Salestax page?');">Salestax</a>
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
您仍然可以动态绑定它，但是如果您是通过ID进行绑定的，那么与在HTML中定义onclick相比，我看不到任何优势。首先，除非您试图防止用户丢失他们在当前页面上所做的更改，否则不清楚您为什么要创建此功能。但无论如何，这里有一个标准/基本方法：
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
window.onload = function() {
document.getElementById("redirect").onclick = redirectConfirmation("Go to Salestax page?");
document.getElementById("redirect1").onclick = redirectConfirmation("Go to Nickname?");
};
redirectConfirmation = function(msg, urlOverride) {
return function() {
if ( confirm(msg) ) {
window.location = urlOverride || this.href || "#"
}
return false;
};
};
redirectConfirmationhref<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
<head>
<script type = "text/javascript" src="script2.js"></script>
</head>
<body>
<a href="nickname.html" id="redirect1">NickName</a>
<a href="salestax.html" id="redirect">Salestax</a>
<a href="http://www.w3schools.com" id="redirect2">W 3 Schools</a>
</body>
</html>
$(function() {
$("#redirect").click( redirectConfirmation("Go to Salestax page?") );
$("#redirect1").click( redirectConfirmation("Go to Nickname?") );
});
你到底为什么要这样做？你认为你的用户不知道他们想去哪里吗？除了你应该远离HTML嵌入式事件注册，并且该函数中的
confirm