如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件是JavaScript的一個函式庫，如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件中的load方法可以用來載入外部HTML文件，那麼，本篇文章我們就來看一下如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件中的load方法是如何載入外部HTML文件的。
首先我們來看一下load是什麼？
load可以在讀取另一個HTML上寫的內容時使用。
例如，當有的選單列是共用的時候，在每個頁面上都來寫一個選單列就會很麻煩，這時就可以利用如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件的load方法來讀取其他頁面上選單欄的HTML文件，這樣實現的程式碼就不會很冗餘。
接著我們來看如何使用load方法載入外部HTML檔？
假設你有一個標題寫在了header.html檔案中，如果你將「sample.html」作為外部檔案讀取，則需要以下腳本。
$(function(){
$("#cover").load("header.html");
});另外，上面的html被載入到「sample.html」中設定的「id」位置。請注意，「header.html」和「sample.html」目前是不同的檔案。
在“sample.html”中，即使指定了“header.html”，如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件也可能無效。
因此，關於“Hader.html”的描述不是“sample.html”，而是直接在“Hample.html”中直接進行。
我們來看具體的範例
程式碼如下
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.3.1.min.js">
</script>
<script src="sample.js" type="text/javascript"></script>
<title>如何使用如何使用jQuery的load方法載入外部HTML文件的load方法載入外部HTML文件</title>
</head>
<body>
<div id="cover">
<div id="section1"></div>
<div id="section2"></div>
</div>
</body>
</html>HTML
<h1>header.html的标题</h1>
JavaScript
$(function(){
$("#cover").load("header.html");
});運行效果如下
「header.html」的內容可以反映在「sample.html」中。
以上是如何使用jQuery的load方法載入外部HTML文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
