时间戳

首页 > 解决方案 > 有序列表中的 HTML 中的超链接

javascript - 有序列表中的 HTML 中的超链接

问题描述

所以我必须在这个有序列表中添加第 5 项，并且第 5 项必须是超链接的。我将我正在阅读的内容准确地放在网上，但它不起作用。

// create an ordered list
document.write("<ol>");
document.write("<li>Reduce spending on non-necessities.</li>")
document.write("<li>Use extra money to pay off debt,starting with the 
highest-interest credit card.</li>")
document.write("<li>Continue paying off debts until you are debt free.</li>")
document.write ("<li>Put a fixed percent of your pay aside in savings.</li>")
document.write ("<li> <a href="https://www.financial-planning.com/"> Financial Planning </a> </li>")
document.write("</ol>");

我得到这个错误。“解析错误：预期的令牌 https

标签： javascripthtml

解决方案

尝试li用单引号括起来：

document.write ('<li> <a href="https://www.financial-planning.com/"> Financial Planning </a> </li>')

或者：使用 ES6Template literals 

document.write (`<li> <a href="https://www.financial-planning.com/"> Financial Planning </a> </li>`)

或者：您可以通过添加前缀来转义内部双引号\：

document.write ("<li> <a href=\"https://www.financial-planning.com/\"> Financial Planning </a> </li>")

推荐阅读