Wednesday, March 19, 2008

Javascript on property href of link

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>JavaScript Test</title>
</head>

<body>
<a href="http://www.test.com/Javascript/">test a href when it be clicked will load another web page and then location to its original destination url.</a><br />
<a href="http://www.test.com/Javascript/" onclick="return false;">test a href which property value of onclick return false</a><br />
<a href="javascript:void(0);">test a href with value:"javascript: void(0);"</a>
<script type="text/javascript">
var a = document.getElementsByTagName('a')[0];
var h = a.href;
a.href = "#"; // a.href = "javascript: void(0);"
//a.target = "_self";
a.onclick = function(){
var img = new Image(1,1);
img.src = "http://www.google.com/images/firefox/sprite.png" + (new Date).getTime();
f = function(){setTimeout("window.location = h", 1000);};
img.onload=f;
img.onerror=f;
return false;
};
</script>
</body>
</html>

No comments :