我正在尝试将一个外部HTML文件加载到div中。我尝试在jQuery中使用load()函数，但它不起作用。这是我的代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('#content').load("1.html");
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
这是"1.html"：
<html>
<head>
</head>
<body>
<p>This is demo text.<p>
</body>
</html>
首先，出于安全考虑，您不能用这样的JavaScript加载本地文件。正如@ZorgoZ所说，您应该使用本地web服务器，如Apachehttpd或Node.js.的http服务器
如果你真的需要在网页中加载文件，为什么不使用<iframe>呢？
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<iframe id="content" src="1.html"></iframe>
</body>
</html>
您不能访问<iframe>内部的DOM，但总比什么都没有好。