如何使用
將外部 HTML 載入到


要將外部 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

22 千 + 人檢視

開啟你的 職業生涯

透過完成課程獲得認證

馬上開始
廣告
© . All rights reserved.