如何將外部 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>

更新於:2020-02-17 17:29

22K+ 瀏覽

啟動你的 職業

完成課程並獲得認證

立即開始
廣告
© . All rights reserved.