我试过如下：
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
编辑 ：答案应该只有一个行代码，这就足够了，我想
Answer 1:
我不明白为什么放置在容器主体的底部和加载外部页面到，是不是你所需要的？
你可以试试这个：
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
但是我不是100％肯定这个代码... :)
Answer 2:
不，所有这些问题的答案是不正确的，因为它们依赖于具有单独的容器！
做这个：
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
Answer 3:
另一种解决方案：
jQuery('#AppendToMe').append( jQuery('<div>').load(...) );
这将追加你加载到#AppendToMe元什么的。
Answer 4:
当我尝试了GaVrA的解决方案，我发现它可能是更简单：
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
我想appentTo自动删除以前的实例？ 也许我失去了一些东西？
Answer 5:
干得好：
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
文章来源: How to load some html and append to with jQuery?
