如何将链接添加到JSON?
#html #网络开发人员 #json

在JSON系列的另一个版本中,我们还可以添加可点击链接是JSON中段落的一部分。我们可以将链接封装在锚标签<a href='#'></a>中。我们可以在HREF中添加重定向链接,以便用户可以在单击时重定向到链接。此hack有助于我们避免为链接创建单独的变量。

<!DOCTYPE html>
<html>
<body>
<h2>JSON with clickable link</h2>
<span id="heading"></span><br/>
<span id="paragraph"></span>
<script>
const faq= {
 heading: "<b>Heading 1</b>", 
 paragraph: "This is a link to <a href='https://www.google.com'>Google</a>" 
 } 
document.getElementById("heading").innerHTML = faq.heading;
document.getElementById("paragraph").innerHTML = faq.paragraph;
</script>
</body>
</html>

注意:确保您使用单个倒逗号进行链接,否则,如果我们在双重倒置逗号内使用双重倒置逗号,则JSON将变得无效。

DOM标识JSON中的HTML元素,并将封装的文本转换为链接。这将帮助您更好地编码常见问题。

快乐编码!

Instagram

上关注我们

Image description