当前位置: 首页 > news >正文

HTML中a标签跳转后路径不正确?

场景:页面中动态设置了一个tag跳转的a标签,由于页面路径都是同级的一直没发现问题,后来新增页签想通过模块目录分类,就出现了跳转后地址路径重复404问题,地址上面总会多出路径拼接

页签举例:

<ul id="tags"><li><a href="tag_1.html">123</a></li><li><a href="tag_2.html">223</a></li><li><a href="tag_3.html">333</a></li><li><a href="app/config/tag_4.html">423</a></li><li><a href="tag_5.html">523</a></li><li><a href="tag_6.html">623</a></li>
</ul>

上面除了tag_4.html 都是在同一目录下的页面

通过js跳转错误示例:

$('#tabs a').click(function () {window.location.href = location.origin + $(this).attr('href');
})

正确示例:

$('#tabs a').click(function (e) {//阻止默认的跳转行为e.preventDefault();window.location.href = location.origin + $(this).attr('href');
})

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • IDEA 本地有jar包依赖文件,但是所有引用的jar包全部爆红
  • 【ROS 最简单教程 002/300】ROS 集成开发环境安装 (虚拟机版): Noetic
  • GLSL教程 第10章:高级渲染技术
  • QEMU 新增QMPHMP指令【原文阅读】
  • keil 启动在线调试后不能单步执行问题解决,卡在汇编代码
  • pyinstaller带浏览器一起打包playwright 独立运行exe
  • react子组件向父组件传参
  • R语言 爬取数据+简单清洗
  • 【前端学习笔记】CSS基础一
  • 2023河南萌新联赛第(二)场 南阳理工学院
  • 在MySQL中处理同时进行的SELECT和UPDATE操作20240729
  • TCP/IP 网络模型详解(二)之输入网址到网页显示的过程
  • 嵌入式初学-C语言-八
  • Computer Analysis and Visualisation CITS2401
  • [C#]调用本地摄像头录制视频并保存
  • 深入了解以太坊
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • 【笔记】你不知道的JS读书笔记——Promise
  • express + mock 让前后台并行开发
  • JavaScript服务器推送技术之 WebSocket
  • JS+CSS实现数字滚动
  • JS专题之继承
  • linux学习笔记
  • nfs客户端进程变D,延伸linux的lock
  • Spring框架之我见(三)——IOC、AOP
  • supervisor 永不挂掉的进程 安装以及使用
  • vagrant 添加本地 box 安装 laravel homestead
  • 缓存与缓冲
  • 前端设计模式
  • 适配mpvue平台的的微信小程序日历组件mpvue-calendar
  • Spring Batch JSON 支持
  • 教程:使用iPhone相机和openCV来完成3D重建(第一部分) ...
  • 组复制官方翻译九、Group Replication Technical Details
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​Redis 实现计数器和限速器的
  • ​ubuntu下安装kvm虚拟机
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • (LeetCode) T14. Longest Common Prefix
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (超详细)2-YOLOV5改进-添加SimAM注意力机制
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (转)jdk与jre的区别
  • (转)我也是一只IT小小鸟
  • .CSS-hover 的解释
  • .Net 基于MiniExcel的导入功能接口示例
  • .NET关于 跳过SSL中遇到的问题
  • .Net面试题4
  • .考试倒计时43天!来提分啦!
  • [.NET]桃源网络硬盘 v7.4
  • [2023年]-hadoop面试真题(一)
  • [24年新算法]NRBO-XGBoost回归+交叉验证基于牛顿拉夫逊优化算法-XGBoost多变量回归预测
  • [AR]Vumark(下一代条形码)
  • [BZOJ1877][SDOI2009]晨跑[最大流+费用流]
  • [Codeforces] number theory (R1600) Part.11
  • [codeforces]Levko and Permutation