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请求并将<div>的innerHTML属性设置为该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>

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

3 个答案: