页面链接HTTPS协议检查与补全问题求助（附代码）

你代码里的核心问题是把字符串类型的href当成了window.location对象来用——link是从attr('href')拿到的字符串，它根本没有location属性，所以link.location.protocol肯定会返回undefined，导致判断逻辑完全失效。

下面给你两种可靠的解决方案，涵盖不同场景的处理：

方案一：使用URL对象（推荐，现代浏览器支持） #

URL对象可以帮我们轻松解析链接的各个部分，判断协议会非常准确：

$('.rest-web a').each(function() {
  const $this = $(this);
  const href = $this.attr('href');
  
  // 跳过空链接、锚点链接（#开头）、javascript伪协议链接
  if (!href || href.startsWith('#') || href.startsWith('javascript:')) {
    return;
  }

  try {
    // 创建URL对象，注意：如果是相对路径，会基于当前页面URL解析
    const url = new URL(href, window.location.origin);
    
    // 判断协议是否为https
    if (url.protocol !== 'https:') {
      // 如果是www开头且没有协议，或者是http协议，替换为https
      const newHref = href.startsWith('www.') 
        ? `https://${href}` 
        : url.href.replace(url.protocol, 'https:');
      
      $this.attr('href', newHref);
      console.log(`更新链接：${href} → ${newHref}`);
    } else {
      console.log(`链接已为HTTPS：${href}`);
    }
  } catch (e) {
    // 处理无效URL的情况
    console.warn(`无效链接，跳过：${href}`);
  }
});

方案二：字符串匹配（兼容旧浏览器） #

如果需要兼容不支持URL对象的旧环境，可以用字符串正则匹配的方式：

$('.rest-web a').each(function() {
  const $this = $(this);
  const href = $this.attr('href');
  
  // 跳过空链接、锚点、伪协议
  if (!href || href.startsWith('#') || href.startsWith('javascript:')) {
    return;
  }

  // 正则匹配是否已包含http/https协议
  const hasHttps = /^https:\/\/|^http:\/\//i.test(href);
  const isWwwOnly = /^www\./i.test(href);

  if (!hasHttps) {
    let newHref;
    if (isWwwOnly) {
      // www开头的直接加https://
      newHref = `https://${href}`;
    } else {
      // 其他无协议的情况（比如//example.com），替换为https://
      newHref = href.startsWith('//') 
        ? `https:${href}` 
        : `https://${href}`;
    }
    $this.attr('href', newHref);
    console.log(`更新链接：${href} → ${newHref}`);
  } else if (href.startsWith('http://')) {
    // 如果是http协议，替换为https
    const newHref = href.replace('http://', 'https://');
    $this.attr('href', newHref);
    console.log(`将http升级为https：${href} → ${newHref}`);
  } else {
    console.log(`链接已为HTTPS：${href}`);
  }
});

关键注意点 #

• 要跳过空链接、锚点链接（#开头）、javascript伪协议链接，这些不需要处理协议
• 相对路径（比如/about、../contact）：如果是站内链接，通常不需要强制加https，因为会继承当前页面的协议；如果需要强制转成绝对https链接，可以结合window.location.origin来拼接，比如newHref = ${window.location.origin}${href}``
• 异常处理：URL对象在解析无效链接时会抛出错误，所以用try-catch包裹更稳妥

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