如何同时使用 href 和点击 <a> 标签 - How to use href and onclick on <a> tag simultaneously?

How to use href and onclick on <a> tag simultaneously?

本文关键字：标签何同时 href | 更新日期: 2023-09-27

我想一个接一个地使用 href 和 onclick。我正在尝试这样做，但我的 javascript 函数没有被调用？这样做是正确的方法吗？

<a href="register.php" title="" onclick="javaScript:showRegisterRules();">Register</a>
function showRegisterRules()
{
 alert("Registration Rules");
}

如何实现我的功能？

像这样：

<a href="javascript:void()" title="" onclick="javaScript:showRegisterRules('register.php');">Register</a>
function showRegisterRules(url)
{
 alert("Registration Rules");
 //Go to your url
 document.location.href=url;
}

<script type="text/javascript">
    function showRegisterRules()
    {
     alert("Registration Rules");
    }
</script>

.HTML

 <a href="register.php" title="" onclick="showRegisterRules();">Register</a>

只有一个问题

你把javascript放在脚本标签中了吗？因为一旦我这样做了，它就起作用了

<a href="register.php" title="" onclick="javaScript:showRegisterRules();">Register</a>

.JS

<script>
    function showRegisterRules()
    {
     alert("Registration Rules");
    }
</script>

试试这个：

<a href="#" title="" onclick="javaScript:showRegisterRules();window.location.href='register.php'">Register</a>

您实际上可以在此处编写一个通用方法，而不是对任何给定 URL 编写一个特殊方法。

<a href="register.php" title="" onclick="showRegisterRules(this);">Register</a>
function showRegisterRules(a)
{
    alert("Registration Rules");
    document.location.href=a.href;
}

这样，您可以在站点内的任何位置重复使用相同的方法来显示警报。这允许它进入脚本文件而不是 html 页面

你也可以这样做

<a href="register.php" title="" onclick="return showRegisterRules('register.php');">Register</a>
function showRegisterRules(url)
{
 alert("Registration Rules");
 return true;
}