如何通过链接在目标页面mod.html中设置JavaScript变量universal_id？

这问题我太熟了！你要的就是URL查询参数方案，完全符合你只用原生HTML/JS、本地文件的需求，不用搞任何服务器或者框架，完美解决你之前加斜杠破坏路径的问题。

直接给你分步实操：

第一步：修改nav.html里的导航链接 #

把原来指向mod.html的链接，加上?universal_id=xxx的后缀，xxx就是你要传递的ID值。比如：

<!-- nav.html 中的导航链接示例 -->
<a href="mod.html?universal_id=home">首页</a>
<a href="mod.html?universal_id=about">关于我们</a>
<a href="mod.html?universal_id=projects">我的项目</a>

这种写法不会破坏文件路径——浏览器打开链接时，依然会正确加载本地的mod.html文件，只是把universal_id=xxx作为额外参数带过去。

第二步：在mod.html中读取参数并赋值 #

在mod.html里写一段原生JS，读取URL里的参数，把值赋给你的universal_id变量，然后继续执行你原来的内容替换逻辑就行。

推荐用现代浏览器都支持的URLSearchParams API，代码简洁又可靠：

// 把这段代码放在mod.html的底部，或者DOM加载完成的事件里
document.addEventListener('DOMContentLoaded', function() {
  // 解析当前页面URL的查询参数
  const urlParams = new URLSearchParams(window.location.search);
  // 获取universal_id参数，如果没传参数就用默认值（比如'default'）
  const universal_id = urlParams.get('universal_id') || 'default';

  // 接下来就是你原来的逻辑：用universal_id替换页面内容
  console.log('当前加载的内容ID:', universal_id);
  // 举个例子：替换图片和文本
  const contentImg = document.getElementById('content-image');
  const contentText = document.getElementById('content-text');

  switch(universal_id) {
    case 'home':
      contentImg.src = 'home-bg.jpg';
      contentText.textContent = '欢迎来到我的首页！';
      break;
    case 'about':
      contentImg.src = 'about-me.jpg';
      contentText.textContent = '这是关于我的故事...';
      break;
    case 'projects':
      contentImg.src = 'projects-grid.jpg';
      contentText.textContent = '看看我做过的项目吧！';
      break;
    default:
      contentImg.src = 'default.jpg';
      contentText.textContent = '暂无内容';
  }
});

兼容老浏览器的备选方案（可选） #

如果需要兼容非常老旧的浏览器（比如IE），可以手动解析URL参数，代码稍微繁琐一点，但同样原生可用：

function getUrlParam(paramName) {
  // 去掉URL开头的?，然后分割成参数对
  const paramString = window.location.search.substring(1);
  const paramPairs = paramString.split('&');
  
  for (let pair of paramPairs) {
    const [key, value] = pair.split('=');
    if (key === paramName) {
      // 解码URL编码的字符（比如空格会变成%20）
      return decodeURIComponent(value);
    }
  }
  // 没找到参数就返回默认值
  return 'default';
}

// 调用函数获取ID
const universal_id = getUrlParam('universal_id');

这个方法完全在前端完成，不需要任何后端服务器支持，本地打开HTML文件就能正常运行，完美匹配你的需求！

备注：内容来源于stack exchange，提问作者Infinity868