如何优化替换href中.zip_为.zip的jQuery代码解决浏览器兼容问题

原有代码没有绑定DOM加载完成回调，若代码在页面DOM渲染完成前就执行，会找不到对应的a标签，不同浏览器的资源加载、解析速度差异是出现部分场景生效的核心原因。

jQuery(function($) {
  $("a[href*='.zip_']").each(function() {
    const originalHref = $(this).attr('href');
    if (originalHref.includes('.zip_')) {
      $(this).attr('href', originalHref.replace(/\.zip_/g, '.zip'));
    }
  });
});

优化点说明 #

• 外层包裹jQuery DOM就绪回调，确保所有页面元素加载完成后再执行逻辑，避免找不到目标a标签的问题
• 增加匹配校验，仅当href确实包含待替换内容时才更新DOM属性，减少无效操作
• 显式声明原始href变量，避免重复读取属性，逻辑更清晰

document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll("a[href*='.zip_']").forEach(a => {
    const originalHref = a.getAttribute('href');
    originalHref.includes('.zip_') && a.setAttribute('href', originalHref.replace(/\.zip_/g, '.zip'));
  });
});

内容的提问来源于stack exchange，提问作者acctman