js 点击超链接，执行js脚本，而不进行url跳转

最新推荐文章于 2024-02-06 09:30:00 发布

转载最新推荐文章于 2024-02-06 09:30:00 发布 · 796 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dxmfans/p/9434735.html

文章标签：

#后端 #xhtml #javascript #ViewUI

本文介绍如何使用JavaScript来阻止HTML中的超链接默认行为，通过两种方法实现：一是让JS函数返回false并确保onclick属性同样返回false；二是直接将超链接的href属性设置为一段JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<script>
function showTime() {
var date = new Date();
alert(date.toLocaleString());
return false;//可以让a的跳转不执行
}
</script>

<input type="button" value="显示当前时间" onclick="showTime();"/>
<hr/>
点击超链接，执行js脚本，而不进行url跳转
<br/>
方式一：让js函数返回false,在onclick中也返回false;
<a href="http://www.itcast.cn" onclick="return showTime();">显示当前时间</a>

<br/>
方式二：将href指定成一段脚本
<a href="javascript:showTime();">点击显示时间</a>
<br/>
</body>
</html>

转载于:https://www.cnblogs.com/dxmfans/p/9434735.html