从 javascript 文件返回 HTML

Question

我想从 .js 文件返回 HTML 代码。

这是我的代码：

HTML：

...
..
.


<script id="message-response-template" type="text/x-handlebars-template">
    <div class="sender-message-line table-content vivify swoopInBottom">

        <div class="table-content-cell" id="ava">
            <img src="/static//img/pro_2.png" alt="DP" class="avatar">
        </div>

        <div class="msg-conatiner">
            <div class="actual-msg"></div>

            <span>Message</span>

            <div class="">
                <div class="message-seen text-right">{{time}}</div>
            </div>
        </div>
    </div>
</script>

...
..
.

JS

        setTimeout(function () {
            var contextResponse = {
                response:$('HTML CODE I WANT TO RETURN').html(),
                time: this.getCurrentTime()
            };

我只能返回字符串文件，但是当我想返回我在那里编写的整个 HTML 代码时，什么也没有显示

我试过 ：

response: $('<script id="message-response-template" type="text/x-handlebars-template"> <div class="sender-message-line table-content vivify swoopInBottom"> <div class="table-content-cell" id="ava"> <img src="/static//img/pro_2.png" alt="DP" class="avatar"> </div> <div class="msg-conatiner"> <div class="actual-msg"></div> <span>Message</span> <div class=""> <div class="message-seen text-right">{{time}}</div> </div> </div> </div> </script>').html()

Answer 1

如果您使用的是 Jquery：

$("#yourDiv").load('yourhtmlfile.html #readMe');

并将 id 添加到您的 html：

<div><div id="readMe"><p>text</p></div></div>