inline javascript in href

Question

How can you do something like this:

myLink

And have the js

Answer 1

I know this question is old but I had a similar challenge dynamically modifying the href attribute that sends an email when the anchor tag is clicked.

The solution I came up with is this:

$('#mailLink,#loginMailLink,#sbMailLink').click(function () {
    this.setAttribute('href', "mailto:" + sessionStorage.administrator_mail_address + "?subject=CACS GNS Portal - Comments or Request For Access&body=Hi");
});

<a id="loginMailLink" href= "#" style="color:blue">CACS GNS Site Admin.</a>

I hope that helps.

Answer 2

Just put the JS code directly in there:

<a href="#" onclick="a=1;b=2; return false;">fsljk</a>

Though, you should not be doing inline scripting. You should unobtrusively attach event handlers.

<a id="lol" href="/blah">fdsj</a>
<script>
document.getElementById('lol').onclick=function() {
/* code */
};
</script>

Answer 3

You can write inline-code in the same way as <a href="javascript:[code]">

This method is also available in other tags.

addition

if you want to Execution when something tag clicking, you can fix with onClick attribute

<a onClick="function()">

Answer 4

<a href="javascript:var hi = 3;" >myLink</a>

Now you can use hi anywhere to get 3.