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

显然，你不能把它写成：

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

---

那么您将如何做呢？

使用ajax请求并将

的innerHTML属性设置为该html数据。为此推荐Jquery

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

单击按钮将文件

demo_test.html

的内容加载到div

div1

。

您可以使用

插入html：

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

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

$（文档）.ready（函数（）{
$（'#left'）.load（“left.html”）；
});

如果您有php并且更喜欢服务器端的内容：

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

---

或者像其他人建议的那样使用iframe（但老实说，这将是最糟糕的解决方案，IMHO

使用ajax请求加载内容或使用框架1.使用ajax加载内容2.使用iframe 3.使用服务器端语言/脚本来实现这一点，您将如何实现？@user2617514

$（'#left'）。加载（'link.html'））

最简单的形式。此代码

$（'#left'）.load（“left.html”）；

应位于

$（document.ready（）；

block@zzlalani很好的一点-我发布的代码可能在绝大多数情况下都能工作，但我同意最好等到dom准备好。