Javascript - 将一些 HTML 放入文档中

Javascript - Place some HTML into the document

我是 Javascript 初学者。

我尝试将 html 的这两部分放入标记中。锚点的 ID 设置为从 tab-1 到 tab-6。

这就是我到目前为止所写的内容。它什么都不做。有人有什么想法吗?

<script>

    if (window.location.hash == "#tab-1" || "#tab-2" || "#tab-3" || "#tab-4" || "#tab-5" || "#tab-6") {
    } else { 
      document.write("<div id="tagline"><p id="quote">"Play for fun or don't play at all!"</p> <p id="namer">- S. Pussehl</p> </div>") 
    }

您用双引号将 HTML 括起来,并用双引号将 id 赋给您的元素,因此它不会起作用。

您应该在 JavaScript 中学习字符串连接。

你的 JavaScript 应该喜欢下面的内容。

document.write('<div id="tagline"> <p id="quote">"Play for fun or don\'t play at all!"</p> <p id="namer">- S. Pussehl</p> </div>');

更新: 在您的 if 条件下,您应该将 window.location.hash 与 all 单独进行比较。

您的代码中存在一些错误:

  1. 如果表达式。您需要将所有表达式分开并检查您想要的内容。
  2. 没有符号“+”不能分隔行。或者所有内容都在同一行。
  3. 引号内引号。或使用 '""', "''", 或使用 \' = quote

尝试使用它:

if (window.location.hash == "#tab-1" || window.location.hash == "#tab-2"
 || window.location.hash == "#tab-3" || window.location.hash == "#tab-4" 
 || window.location.hash == "#tab-5" || window.location.hash == "#tab-6"
) {
 // Some code 
} else { document.write('<div id="tagline">' +
                            '<p id="quote">"Play for fun or dont play at all!"</p>' +
                            '<p id="namer">- S. Pussehl</p> </div>'
           ); 
    }