如何在網頁中顯示外部HTML頁面-使用JavaScript

Question

我需要在另一個頁面中顯示現有的html頁面。 object>標記將其顯示在iframe中-這是我不想要的。

我在這里閱讀： https : //stackoverflow.com/questions/17148357/includes-external-html-file-to-another-html-file

可以用這段javascript完成：

<script type="text/javascript">
$(document).ready(function(e) {
    $('#header').load('name.html',function(){alert('loaded')});
});
</script>

在此之前，我已經插入：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

但是我遇到了錯誤： DOMException：無法在元素上執行“ querySelectorAll”

我錯過了什么？

PS。 我嘗試了document.write + =“ html + javascript-goes-here”方法，但是外部頁面內容很大，因此document.write很長，很繁瑣，因此以后很難理解/維護。

Answer 1

謝謝stackOverflow-讓它運行，一旦我發現“ $未定義”錯誤味精。 圍繞我的功能：

(function($){
.... function here ...
})(jQuery);

和：

<div id="header"></div>

在身體里。