我正在尝试将外部 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>
1 回答
呼唤远方
TA贡献1856条经验 获得超11个赞
首先，出于安全考虑，你不能像这样使用 JavaScript 加载本地文件。您应该使用本地 Web 服务器，例如Apache httpd或Node.js 的http-server。
如果您确实需要在网页内加载文件，为什么不使用<iframe>？
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<iframe id="content" src="1.html"></iframe>
</body>
</html>
你无法访问<iframe>s 内部的 DOM，但总比没有好。
- 1 回答
- 0 关注
- 73 浏览
添加回答
举报
0/150
提交
取消