使用javascript将外部.htm文件加载到div [重复]答案

【问题标题】：Loading an external .htm file to a div with javascript [duplicate]使用javascript将外部.htm文件加载到div [重复]
【发布时间】：2012-07-01 10:24:23
【问题描述】：

可能重复：
Loading an external .htm with javascript into a div
Loading an external .htm file into a div with javascript

这是我的全部代码：

<html>

<head>

</head>

<body>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
$(function(){
    $('.ajax') .click(function(e){
        e.preventDefault()
        $('#content').load( 'file.htm' )
    })
})
</script>

<div id="content">
    <p>random text</p>
</div>

<div><a href="#" class="ajax">Link</a></div>


</body>

</html>

该代码可以很好地将外部文件加载到 Firefox 中的 div 中，但是当我单击链接时，在 chrome 和 IE 中没有任何反应。有什么建议吗？

【问题讨论】：

<head> 标签缺少>，这是复制粘贴错误还是您的原始来源是这样的？
把jquery script标签放在head元素里面是正常的。如果您不这样做，我不确定“文档加载”功能能否正常工作。
file.htm 是否在同一个域中？你在本地跑吗？ Chrome 对本地文件的 XSS 非常严格。
是的，我在本地运行..那我应该如何解决这个问题？
您的文件名为.htm 而不是html？也可以试试$('#content').load( 'file.htm body' )

标签： javascript html load external

【解决方案1】：

虽然这不是问题的原因，但最好使用分号：

$(function(){
    $('.ajax') .click(function(e){
        e.preventDefault();
        $('#content').load( 'file.htm' );
    });
});

如果你不这样做，你偶尔会遇到一些奇怪的错误。

【讨论】：