在div中显示html文件

Question

我一直在尝试寻找一种方法来做到这一点，因为我确信有数百个网站对此进行了解释，但我只是无法正确表达，所以我所有的搜索都得出了其他内容。

如果这个问题之前已经被问过很多次了，我很抱歉。

无论如何，我想做的是在 div 内加载页面“page.html”。该页面只有文字，没有其他内容。因此，我不想使用 iframe，而是想将此页面加载到 div 内，这样它就只显示该页面上的文本。

我尝试了在搜索过程中发现的一些不同的东西，例如；

$(document).ready(function() {    
    $("div").load("page.html") 
});

但由于某种原因，该方法更改了页面上的所有文本，而不是位于该 div 内。（我在编码方面非常糟糕，所以我可能在该方法的某个地方出错了）

那么任何人都可以建议一种不使用 iframe 来加载 div 内页面内容的方法吗？

Answer 1

$('div')将会瞄准比您正在寻找的更多的目标。如果您尝试将内容加载到特定div元素中，请为其指定一个 ID 并以此方式定位。

<div id="pageContent"></div>

$(document).ready(function() { 
    $('#pageContent').load('page.html');
}