如何將外部 HTML 載入到 <div> 中中使用 jQuery?
要將外部 HTML 載入到 <div> 中,請將你的程式碼包裝在 load() 函式中。要使用 jQuery 將網頁載入到 div 中,請使用 load() 方法。首先,新增你想新增的網頁。
下面是 new.html 的程式碼 −
<html> <head> </head> <body> <p>This is demo text.<p> </body> </html>
示例
以下程式碼片段是用於新增上述頁面的檔案,
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#content').load("new.html");
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP