javascript - 如何使用 javascript 在另一个 html 中添加一个 html 文件内容作为子元素？

Question

我有两个 html 文件。我想使用 javascript 在另一个文件中添加一个文件内容作为 div 元素内容。PFB 我使用的代码片段。

1.没有阿贾克斯

file = fopen(getScriptPath("report"), 0);
file_length = flength(file);
content = fread(file, file_length);
document.getElementById("secondary").innerText = content;

2.Ajax调用

var reader = new FileReader();
function readText(){        
var reader = new FileReader();
reader.onload = function (e) {  
   var output=e.target.result;
   document.getElementById('secondary').innerHTML= output;
 }
reader.readAsText('report');    

Answer 1

为了简化答案，我将使用 jQuery 来完成所有繁重的工作。

jQuery + iFrame

var $iframe = $('<iframe>').attr('src','YOUR_OTHER_PAGE');
$('body').append($iframe);
//Note: Will need styling etc to place the iFrame where you want it

jQuery + AJAX

$('body').load('YOUR_OTHER_PAGE');

.load 的 jQuery 文档

不过老实说，我会尽量避免两者。如果您可以将 HTML 内容添加到服务器端的第一页（所以在 PHP 中，可能正在使用该include函数），那将是最好的。