5

我正在尝试将本地 html 文件加载到 div 中，但它似乎确实有效（显示了警报，但页面上没有显示任何内容）。

HTML：

<!DOCTYPE html>
<html lang="en">
    <head> 
        <meta charset="utf-8"> 
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>                   
        <script type="text/javascript" src="test.js"></script>
    </head>

    <body>
        <div id="blog"></div>   
    </body>
</html>

Javascript（test.js）：

$(document).ready(function(){   
        $("#blog").load("tester.html", function() {
            alert('Load was performed.');
        });
});

加载的 HTML 文件（tester.html）：

<p>
   The word <strong>hello</strong> should be bold.
</p>
4

3 回答 3

8

SOP （同源政策）。这在Chrome
中不起作用。在Firefox或Localhost或在线服务器上 尝试。

AJAXfile://但不能工作http://

于 2013-05-29T18:37:45.343 回答
3

我不知道你为什么要这样做，但我真的不推荐它。出于安全原因，浏览器禁止此行为，您无法从文件系统加载内容。

如果您正在测试，使用像xampp这样的东西真的很容易设置。它还将更真实地了解网站的工作方式。如果您实际尝试将其用作真实网页，我建议您搜索另一种方法。

于 2013-05-29T18:42:33.647 回答
-1

实际上，如果您只是想对图像进行测试，我建议您可以使用相对路径来引用图像。例如：

cp ~/1.png ~/Workspace/html/app/1.png
vim ~/Workspace/html/app/test.html

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body style="border-radius: 5px; border: 0px;">
        <img src="test.jpg">
    </body>
</html>
于 2014-11-17T02:41:59.677 回答