javascript - document.write() 抛出语法错误

Question

我试图使用 JavaScript 添加按钮，但不是将按钮添加到页面，而是抛出一个SyntaxError: Invalid or unexpected token

document.write('

<p>Sign in</p>
    <form action="/chat" method="GET">
      <p> Login: <input type="text" name="login"/> </p>
        <p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p>
    </form>
    <br>
    <form action="/signup">
        <button type = "submit"> button for registration</button>
    </form>');

Answer 1

请远离以这种方式打印 HTML，但使用 ES6反引号应该可以解决此问题。

document.write(`
    <p>Sign in</p>
    <form action="/chat" method="GET">
    	<p> Login: <input type="text" name="login"/> </p>
    	<p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p>
    </form>
    <br>
    <form action="/signup">
    	<button type = "submit"> button for registration</button>
    </form>
`);

Answer 2

你不能在函数代码中输入，因为解释器认为这是新的代码行。检查：

document.write('<p>Sign in</p><form action="/chat" method="GET"><p> Login: <input type="text" name="login"/> </p><p>   Password: <input type="text" name="password"/> <input type="submit" value="Ok"> </p></form><br><form action="/signup"><button type = "submit"> button for registration</button</form>');