javascript - JavaScript の document.write が機能しない

Question

これがばかげているように思われる場合は申し訳ありませんが、私は JavaScript が初めてです。

これは次のmenu.jsとおりです。

document.write("<a href="index.html">Home</a>");
document.write("<a href="news.html">News</a>");
document.write("<a href="about.html">About us</a>");

これは次のindex.htmlとおりです。

<head>
</head>
<body>
    <script type="text/javascript" src="menu.js"></script>
</body>
</html>

ロードindex.htmlしても何も出てこない...

score 8 · Accepted Answer

問題は引用符です。"新しい要素の区切りとhref属性の設定の両方を使用している場合は、コードを次のように変更します。

document.write("<a href='index.html'>Home</a>");
document.write("<a href='news.html'>News</a>");
document.write("<a href='about.html'>About us</a>");

または：

document.write('<a href="index.html">Home</a>');
document.write('<a href="news.html">News</a>');
document.write('<a href="about.html">About us</a>');

'一重引用符 ( ) と二重引用符 ( )を組み合わせ"ます。内部引用符をエスケープすることもできます (document.write("<a href=\"index.html\">Home</a>");

しかし、次のようにへの単一の呼び出しを使用する方が良いでしょうdocument.write():

document.write('<a href="index.html">Home</a>' 
    + '<a href="news.html">News</a>'
    + '<a href="about.html">About us</a>');

score 2 · Accepted Answer

文字列の引用符をエスケープしていません。そのはず：

document.write("<a href=\"index.html\">Home</a>");

そうしないと、JavaScript は文字列が後に終了しhref=、行の残りの部分が有効な JavaScript 構文に従っていないと見なします。

@Felix が述べたように、JavaScript デバッガーツールは、何が起こっているかを知らせるのに非常に役立ちます。

2 に答える 2