如何从javascript文件中呈现html

Question

我正在创建一个可以轻松地由第三方集成的小部件。我需要的是创建一个.js文件，用户只需要使用javascript标记包含该<script>文件，并在那里呈现html标记。

即

example.com

widget.js

$(document).ready(function(){
    render();
    function render(){
        return '<div>Html contents to be loaded</div>';
    }
});

第三方档案

thirdparty.html

<script src="http://example.com/widget.js"></script>

因此，在加载example.html时，如何加载所有html内容。

Answer 1

.append()应该可以做到这一点。

$(document).ready(function() {
    $("body").append("<div>HTML here</div>");
});

更新：由于没有正文标记，您可以使用.after()。

$(document).ready(function() {
    $("script").last().after("<div>HTML here</div>");
});

如果有多个脚本标记，请务必使用.last()。