html - 如何在不使用“src”的情况下将 div 引用到单独的 html？

Question

你显然不能把它写成：

<div id="left" src="left.html"></div>

那么你会怎么做呢？

Answer 1

使用 jQuery（下面需要完整的代码，但您可能希望将 jQuery 放在您的 html 文档头中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<div id="left"></div>

<script type="text/javascript">
$(document).ready(function() { 
  $('#left').load("left.html");
});
</script>

如果你有 php 并且更喜欢服务器端的东西：

<div id="left"><?php include("left.html"); ?></div>

或其他人建议的iframe（但老实说，恕我直言，这将是最糟糕的解决方案

Answer 2

使用ajax 请求并将innerHTML 属性设置<div>为该html 数据。为此推荐Jquery。

$("button").click(function(){
  $.ajax({url:"demo_test.html",success:function(result){
    $("#div1").html(result);
  }});
});

单击按钮将文件的内容加载demo_test.html到 div中。div1

Answer 3

您可以<iframe></iframe>用于插入 html：

<iframe src="link.html" width="100%" height="300"></iframe>