Question

我想在脚本页面上添加一个按钮，但它不起作用。我不能在HTML中这样做，因为请帮忙！

<script type="text/javascript">
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 back ticks应该可以解决此问题。

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>');

document.write（smth）不起作用

2 个答案: