如何用JavaScript将JSON中的值嵌入URL生成跳转链接？

这其实很简单，分两种常见场景来处理就行，看你是要生成页面上的可点击链接，还是直接触发页面跳转：

场景1：生成页面上的可点击<a>标签 #

如果需要在页面中展示一个用户能点击的链接，你可以通过DOM操作来创建或更新链接元素：

// 你的JSON数据
const userData = { userId: "123456789" };

// 拼接目标URL（用模板字符串最方便直观）
const targetUrl = `https://example.com/${userData.userId}/blah/blah`;

// 方法一：创建新的链接元素并添加到页面
const linkElement = document.createElement('a');
linkElement.href = targetUrl;
linkElement.textContent = '点击进入用户专属页面';
// 把链接添加到页面的指定容器，比如body或者某个div
document.body.appendChild(linkElement);

// 方法二：更新页面已有的链接
// 假设页面里有个id为"userProfileLink"的a标签
const existingLink = document.getElementById('userProfileLink');
if (existingLink) {
  existingLink.href = targetUrl;
  existingLink.textContent = '查看用户详情';
}

场景2：直接触发页面跳转 #

如果不需要展示链接，而是要直接跳转到目标页面，可以用window.location或者window.open：

const userData = { userId: "123456789" };
const targetUrl = `https://example.com/${userData.userId}/blah/blah`;

// 在当前标签页跳转
window.location.href = targetUrl;

// 或者在新标签页打开（需要浏览器允许弹窗）
window.open(targetUrl, '_blank');

重要注意事项：处理特殊字符 #

如果你的userId可能包含空格、&、=这类URL特殊字符，一定要用encodeURIComponent()转义，避免URL失效或解析错误：

const safeUserId = encodeURIComponent(userData.userId);
const targetUrl = `https://example.com/${safeUserId}/blah/blah`;

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