02
2019
03

JS阻止a标签跳转方法

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/post/7451.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。