我正在嘗試將外部 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 關注
- 103 瀏覽
添加回答
舉報
0/150
提交
取消