我正在尝试将外部 HTML 文件加载到 div 中。我尝试load()
在 jQuery 中使用函数,但它不起作用。这是我的代码:
<!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 服务器,例如Node.js 的Apache httpd或http-server。
如果您真的需要在网页内加载文件,为什么不使用<iframe>
?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<iframe id="content" src="1.html"></iframe>
</body>
</html>
你不能访问<iframe>
s内部的DOM ,但总比没有好。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句