Question

不能让这个代码在chrome中工作，这是必不可少的，因为我正在为android开发。任何人都可以看到错误吗？

我只想将'page1.html'加载到'＃container1'中。应该很简单，之前就有用了。但我尝试从头开始重建代码，我看不出错误是什么。

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TheTutorialBlog.com : jQuery Deep Linking</title>    

  <link href="css_elIndex.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.7.2.min.js"></script>
<script src="bbq-1.2.js"></script>
<script type="text/javascript">

$("document").ready(function(){
    alert('doc ready');
    $('#container1').load('page1.html');
});
</script>
</head>
<body>
<div class ="topBar">
    <div class = "backButton">Home</div>
</div>
<div id="pageContainer">
    <div class="pageViewer" id="container1">            
    </div>
    <div class="pageViewer" id="container2"> 
    </div>
    <div class="pageViewer" id="container3"> 
    </div>
</div>

</body>
</html>

Page1.html：

<ul class="tabs">
    HEi
</ul>

Answer 1

通过本地文件系统（file:// URL）访问文件时，出于安全原因，您无法在Chrome和Opera中加载任何本地AJAX资源。

使用HTTP时，存在“相同的原始策略”，以防止站点访问他们无权访问的数据。但是，在本地文件系统上，无法知道什么是安全的访问，什么不是。因此，通常会阻止对本地文件的AJAX请求。

.load（）适用于IE和Dreamweaver预览，但没有opera和chrome

1 个答案: