加载HTML到另一个HTML与JavaScript(没有外部文件)
我有一个代码,我用来加载外部文件到一个HTML。我怎样才能做到这一点,而无需导入外部文件或任何库,所以在html中我可以输入一个简短的脚本,它会加载另一个页面? 我使用至今这个脚本:加载HTML到另一个HTML与JavaScript(没有外部文件)
$(document).ready(function(){
$('#outer').load('html_file.html');
});
但它需要有其他文件+库。我如何直接在html中执行所有操作?
任何想法?
基本上我想包括新的一个里面的整个另一个网站,但我只能在html文件中使用html + javascript。所有的css文件将被存储并在导入的文件中进行调整。
使用此 “HTML”:
<script type="text/javascript">
window.onload = function() {
var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
xhr.open("GET", "html_file.html", false);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
document.getElementById("outer").innerHTML = xhr.responseText;
}
};
xhr.send(null);
};
</script>
谢谢Esailija。我现在检查它:) – 2012-07-27 12:00:19
@PiotrCiszewski有一个错误,我现在编辑它 – Esailija 2012-07-27 12:00:59
@Esailija好了,好的XML'XMLHttpRequest'回来了。自从'$ .ajax'以来没有见过:) – 2012-07-27 12:03:03
是阿贾克斯?或jQuery的?你有没有试过? – Shreedhar 2012-07-27 11:48:11
如果你想包括整个其他网站,你不能只使用一个iFrame? – Andy 2012-07-27 11:56:04
你已经在你的代码中使用了jQuery。这应该够了。从这里下载jQuery http://code.jquery.com/jquery-1.7.2.js – 2012-07-27 11:56:36