如何防止空链接“#”返回到页面?

本文详细介绍了如何解决网页中出现的滚动条下拉后,点击锚点链接直接跳转到页面顶部的问题。通过使用JavaScript替代默认的行为,如将<a>元素的href属性改为javascript:;、javascript:void(0),或者添加onclick属性来阻止默认行为。同时,文章还提供了另一种解决方案,即通过修改鼠标样式来实现类似功能。

A: 如果你的网页中有<a href="#">.......</a>这样的连接,而且已经出现的滚动条,并且下拉了一些,那么当点击这个链接的时候就会返回页面顶部,很是讨厌。以下几种方法可以防止这个问题:

1、将<a href="#">.......</a>
  改为<a href="javascript:;">.......</a>

2、将<a href="#">.......</a>
  改为<a href="#" onclick="return false">.......</a>

3、如果实在不需要一个连接,而只是想让浏览者把鼠标放在这里的时候让鼠标变成手
  那么你也可以将........前的<a>去掉,用<span style="cursor:hand">代替也可以

4、将<a href="#"> .......</a>
  改为<a href="####">.......</a>

5、将<a href="#"> .......</a>
  改为<a href="javascript:void(0)">.....</a>

转载自 http://www.85flash.com/Get/htmlcss/2005-1-15/1839.htm

在解决点击 `js.map` 链接返回页面和 404 错误的问题上,可以参考 vue - cli 项目部署中类似问题的解决思路。在 vue - cli 项目里,若将 `router/index.js` 路由配置从默认的 hash 模式改成 history 模式,打开页面白,使用 history 模式时,需在服务端添加覆盖所有情况的候选资源,即当 URL 匹配不到任何静态资源时,返回 `index.html` 页面,这是 app 依赖页面 [^1]。 对于 `js.map` 链接问题,也需要检查服务端配置。要确保服务端能够正确识别并提供 `js.map` 文件。可以在服务端配置中添加规则,当请求 `js.map` 文件时,若文件存在则正常返回,若匹配不到对应的 `js.map` 文件,可根据业务需求决定是返回错误提示页面,还是重定向到合适的页面。 以下是一个简单的 Node.js + Express 服务端处理 `js.map` 文件请求的示例代码: ```javascript const express = require(&#39;express&#39;); const app = express(); const path = require(&#39;path&#39;); // 静态资源服务 app.use(express.static(path.join(__dirname, &#39;public&#39;))); // 处理 js.map 文件请求 app.get(&#39;/js/*.map&#39;, (req, res) => { const mapFilePath = path.join(__dirname, &#39;public&#39;, req.path); res.sendFile(mapFilePath, (err) => { if (err) { // 若文件不存在,可返回 404 错误或其他处理 res.status(404).send(&#39;File not found&#39;); } }); }); const port = 3000; app.listen(port, () => { console.log(`Server is running on port ${port}`); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值