JS阻止a标签跳转方法

时间：6年前阅读：6125

1、标签属性href="javascript:void(0);" 关键是理解void(0)的含义。javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值

你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。所以，javascript:void(0) 仅仅表示一个死链接。

只有href="#"是不可以的，因为#包含了一个位置信息，默认的锚是#top 也就是网页的上端。我理解的锚是指网页中具体位置。

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<script type="text/javascript">    
						window.onload = function(){    
				var dd = document.getElementById('dd');    
				dd.onclick = function(){    
					alert('点击了优酷');    
				}    
				}    
		</script>    
	</head>    
	<body>    
		<!--如果写一个javascript就会执行js代码了，就不会点击跳转了-->    
		<!--void(0)这个是一个固定写法-->    
		<a href="javascript:void(0)" id="dd">优酷</a>    
	</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

JS阻止a标签跳转方法

网友评论