使用AJAX加载纯Javascript的html页面_Javascript_Html_Ajax

使用AJAX加载纯Javascript的html页面

javascript html ajax

使用AJAX加载纯Javascript的html页面,javascript,html,ajax,Javascript,Html,Ajax,有一个主页，该页面上有链接。单击单个链接时，应该加载链接在主页的div标记中加载的内容例如： MainPage.htm <html> ... <body> ... <div id="MainContent"> </div> ... <a href='Link1.htm'>Link 1 </a> ... </html> 这无助于运行窗口。在链接的文档上on

有一个主页，该页面上有链接。单击单个链接时，应该加载链接在主页的div标记中加载的内容

例如： MainPage.htm

<html> ... 
    <body> ... 
        <div id="MainContent"> </div> ... 
        <a href='Link1.htm'>Link 1 </a>
    ... 
</html>

这无助于运行

窗口。在链接的文档上onload

代码

这类问题是否有解决方案或解决方法

附带说明：我只是在使用Javascript，没有使用angular、jQuery或类似的API。

您的方法有问题。这里的主要问题是，您通过ajax获得的新内容的上下文不会被执行，因为window.onload已经完成

当您提到“表操作代码”时，我假设在html中正确添加内容后，需要执行几个javascript函数，因此您可以在这里尝试移动这些“操作”创建一个单独的js文件，并将其包含在index.html中，在通过ajax获取内容后，在成功回调中执行适当的函数

我认为这应该是更准确的方法

<script src="main.js">...
<div> other contents here </div>

MainContent.innerHTML = XHR.responseText;