如何在HTML页面刷新时将JS生成的随机字符串拼接至跳转URL

现有代码无法正常拼接随机串跳转，核心是两个逻辑错误：

• <meta http-equiv="refresh">是静态解析标签，浏览器加载到该标签时会直接读取content属性中写死的跳转规则，不会执行JS为其动态拼接参数
• 调用generateRandomString(25)时没有接收返回值，也没有把返回值绑定到跳转逻辑中，生成的随机字符串直接被丢弃，没有实际生效。

直接移除原有静态meta刷新标签，用JS实现延迟跳转逻辑，可控性更强，也能直接完成参数拼接。修复后的完整可运行代码如下：

<html>
  <body>
    <script type="text/javascript">
      function generateRandomString(n) {
        let randomString = '';
        let characters =
          'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

        for (let i = 0; i < n; i++) {
          randomString += characters.charAt(
            Math.floor(Math.random() * characters.length)
          );
        }
        return randomString;
      }

      // 延迟1秒后拼接随机串跳转
      setTimeout(function() {
        const randomId = generateRandomString(25);
        window.location.href = 'https://testing1234.serveirc.com/view.php?id=' + randomId;
      }, 1000);
    </script>
  </body>
</html>

逻辑说明 #

• 用setTimeout实现1秒等待，和原meta标签配置的跳转延迟效果完全一致
• 等待结束后先生成25位随机串，再手动拼接为完整目标URL，通过window.location.href触发跳转，完全避免静态标签无法读取JS变量的问题
• 如果坚持要使用meta标签实现，也可以在JS中动态创建meta节点、拼接好完整URL后再插入到页面head区域，浏览器会在节点插入后识别刷新规则，但直接用JS跳转的写法更简洁，不需要额外操作DOM，出错概率更低。

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