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

Question

I want to use href as well as onclick one after another. I am trying like this, but my javascript function is not called? Is it the right approach to do so?

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

function showRegisterRules()
{
 alert("Registration Rules");
}

How can I achieve my functionality?

Answer 1

Something like:

<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;
}

Answer 2

JS

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

</script>

HTML

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

Answer 3

Just one Question

Did you put the javascript in script tag ? Because once I did this it worked

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

JS

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

</script>

Answer 4

尝试这个：

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

Answer 5

You can actually write a generic method here rather than one spessific to any given URL.

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

function showRegisterRules(a)
{
    alert("Registration Rules");
    document.location.href=a.href;
}

This way, you can reuse the same method anywhere within the site to show the alert. This allowing it to go in a script file rather than the html page

Answer 6

You can do this also

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

function showRegisterRules(url)
{
 alert("Registration Rules");

 return true;
}