Question

我需要定义一个JSON字段值作为URL链接。如何实现这一目标。

Ex

{
"myurl":"<I need to give URL hyper link here>"
}

Answer 1

只需在定位标记中定义您的url值

Answer 2

假设您使用纯html / javascript代码

要映射特殊字符：

使用'代替"或使用转义序列\'
使用内置的javascript：encodeURI

示例代码：

(function() {
  const json = {
    "myurl": 'https://stackoverflow.com/questions/53838312/how-to-inlcude-a-url-hyper-link-in-json?noredirect=1#comment94527886_53838312'
  };

  function getMyUrl() {
    return encodeURI(json.myurl);
  }

  function setupLink() {
    const linkId = 'link';
    const linkElement = document.getElementById(linkId);
    linkElement.setAttribute('href', getMyUrl());
  }

  function onReady() {
    setupLink();
  }

  document.addEventListener("DOMContentLoaded", onReady);
})();

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <a id="link" target="_blank">Click here!</a>
</body>

</html>

如何在JSON中包含URL超链接

2 个答案: