Question

我遇到的问题似乎是一个简单的任务。我有一个网页，我需要加载并删除div内容，因为用户点击按钮。我的代码似乎不起作用。

html：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Main Page</title>
    <link rel="stylesheet" href="assets/css/stylemain.css"/>

    <script src="assets/js/introduction.js"></script>

</head>

<body>

    <div id="container">   
        <div id="content">
            <div id="slide1">
                <p>Here is the first trigger. It should look something like this</p>
                <p><input type="button" onclick="part2()" value="Click Me!" /></p>
            </div>        
        </div>

和.js文件：

function part2() {
    document.write("<div id="slide2">
                    <p>Here is the second trigger. It should be to the left</p>
                    <p>next line goes here</p>
                    </div>")
    }

它在js文件的第2行（document.write行）出现了语法错误，但我无法弄清楚原因。无论有没有引用，我都试过它，但无济于事。任何帮助将不胜感激。

Answer 1

你必须逃避引号：

function part2() {
    document.write("<div id=\"slide2\">\n<p>Here is the second trigger. It should be to the left</p>\n<p>next line goes here</p>\n</div>");
}

Answer 2

一个稍微清晰的解决方案是使用单引号和双引号的组合：

function part2() {
    document.write('\
      <div id="slide2">\
        <p>Here is the second trigger. It should be to the left</p>\
        <p>next line goes here</p>\
      </div>'
    );
}

请注意，如果您想使用分为多行的字符串，则必须添加＆＃39; \＆＃39;在每一行的末尾让JS解析器知道字符串继续到下一行。

从外部JS文件调用HTML内容

2 个答案: