加载HTML到另一个HTML与JavaScript（没有外部文件）

-1

我有一个代码，我用来加载外部文件到一个HTML。我怎样才能做到这一点，而无需导入外部文件或任何库，所以在html中我可以输入一个简短的脚本，它会加载另一个页面？我使用至今这个脚本：加载HTML到另一个HTML与JavaScript（没有外部文件）

$(document).ready(function(){ 
     $('#outer').load('html_file.html'); 
});

但它需要有其他文件+库。我如何直接在html中执行所有操作？

任何想法？

基本上我想包括新的一个里面的整个另一个网站，但我只能在html文件中使用html + javascript。所有的css文件将被存储并在导入的文件中进行调整。

来源

2012-07-27 Piotr Ciszewski

是阿贾克斯？或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

使用此 “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>

来源

2012-07-27 11:59:32 Esailija

谢谢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

加载HTML到另一个HTML与JavaScript（没有外部文件）

回答

相关问题