在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元素,并将封装的文本转换为链接。这将帮助您更好地编码常见问题。
快乐编码!
上关注我们