2013-05-28 62 views
-3

如何使用javascript而不是JQuery从另一个HTML文件加载HTML文件?javascript在html中加载html

我见过几个使用jquery .load函数的例子,但我需要知道如何使用简单的javascript加载html文件。

+0

请分享你到目前为止尝试过的东西 –

+3

他们使用jQuery是因为你需要做一个AJAX调用,而jQuery为你提供了一个简单的方法来做到这一点。如果你不这样做,你将不得不建立你自己的AJAX调用。 http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery你有一个例子在这里。 – DaGLiMiOuX

+0

使用HTML iframe标签 – vikas

回答

1

jQuery加载函数是一个简单的包装XMLHttpRequest对象,该对象使用指定的URL加载内容并将其放入匹配的元素中。因此,您的示例$("head").load("sample.html");将加载sample.html页面的内容并将其放入head标记中。

为了做到这一点没有jQuery,你需要直接创建XMLHttpRequest对象。确切的代码取决于你的目标浏览器,但你可以在网上找到很多例子。一个好地方开始是w3schools.com

0

你应该看看:https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started 并在readyState == 4请求已完成。一个成功的请求会产生一个HTTP 200消息:

if (httpRequest.readyState === 4) { 
    if (httpRequest.status === 200) { 

这些是守护子句,它会在后续检查结果。 两次检查都通过后,您可以将结果(httpRequest.responseXML)附加到DOM。