Javascript 将本地html文件加载到div_Javascript_Jquery_Html

Javascript 将本地html文件加载到div

javascript jquery html

Javascript 将本地html文件加载到div,javascript,jquery,html,Javascript,Jquery,Html,我试图将一个本地html文件加载到div中，但它似乎确实起了作用（显示了警报，但页面上没有显示任何内容） HTML: 加载的HTML文件（tester.HTML）： “你好”这个词应该用粗体字。 SOP（同一原产地政策）。这在Chrome中不起作用在火狐或本地主机或在线服务器上尝试 AJAX无法从文件：//工作，但是http://我不知道你为什么要这样做，但我不推荐你这么做。浏览器出于安全原因禁止这种行为，您无法从文件系统加载内容如果您正在测试，那么使用类似的东西真的很容易设置。它还将更

我试图将一个本地html文件加载到div中，但它似乎确实起了作用（显示了警报，但页面上没有显示任何内容）

HTML:

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


“你好”这个词应该用粗体字。

SOP（同一原产地政策）。
这在Chrome中不起作用
在火狐或本地主机或在线服务器上尝试

AJAX

无法从

文件：//

工作，但是

http://

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

如果您正在测试，那么使用类似的东西真的很容易设置。它还将更真实地展示网站的工作方式。

如果你真的想把它作为一个真正的网页使用，我建议你用另一种方法来搜索。

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

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>

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

您的blog div是否可见？它有宽度和高度？1。不是真的。2.创建AJAX驱动的网站有什么错？@RokoC.Buljan-1。是的。2.很多，但这并不是这个答案所说的不推荐的（这是试图通过

文件：//

而不是

http://

）来实现Ajax。Ajax网站非常棒，我自己使用angularjs来创建web应用程序。我不建议加载本地文件，这不是浏览器功能，也不是真正的用途case@donnanicolas我肯定他在使用本地文件，因为他在本地测试。他只需要像你建议的那样设置一个本地web服务器。我只是在本地测试。当我决定上传网站，加载的html文件将被托管。感谢它在FF工作。我对此感到很沮丧有一段时间了。我不认为这是一个错误。“这只是一种愚蠢的实现。”安迪，我相信你，我当时也有头疼的毛病。你是welcome@RokoC.Buljan，什么是“SOP”？还是打字错误？@RokoC.Buljan，我不知道。谢谢+1，那么——）

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

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

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>