外部JS文件向HTML的span插入锚点链接失效问题求助

嘿，这个问题其实是个很典型的JS语法小坑，我来帮你捋清楚！

你之前的代码之所以失效，核心原因是没有把HTML标签字符串用引号包裹起来：JS会把<a href="quiz.html">Take quiz again</a>当成一段代码去解析，而不是一个字符串值，这直接就触发语法错误了，函数自然跑不起来。而纯文本版本加了双引号，是合法的字符串，所以能正常工作。

给你几个靠谱的修复方案：

方案1：用单/双引号包裹HTML字符串 #

如果用双引号包裹整个HTML，记得把内部href的双引号换成单引号（或者转义双引号）：

function QuizDetails() {
  // 内部用单引号，外部用双引号
  document.getElementById("quiz-link").innerHTML = "<a href='quiz.html'>Take quiz again</a>";
}

或者转义内部的双引号（用\"）：

function QuizDetails() {
  document.getElementById("quiz-link").innerHTML = "<a href=\"quiz.html\">Take quiz again</a>";
}

方案2：用ES6模板字符串（更推荐） #

用反引号（`）包裹整个HTML内容，这样内部的双引号不需要转义，写起来更清爽：

function QuizDetails() {
  document.getElementById("quiz-link").innerHTML = `<a href="quiz.html">Take quiz again</a>`;
}

额外注意：确保函数被正确调用 #

修复完代码后，别忘了确认你的QuizDetails函数被正确触发了：

• 可以加个按钮手动触发：

<button onclick="QuizDetails()">显示重测链接</button>
<p><span id="quiz-link"></span></p>

• 或者页面加载完成后自动调用：

// 等DOM全部加载完成后执行函数
document.addEventListener('DOMContentLoaded', function() {
  QuizDetails();
});

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