欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

使用jQuery中l(wèi)oad方法加載外部HTML文件的方法-創(chuàng)新互聯(lián)

這篇文章主要介紹了使用jQuery中l(wèi)oad方法加載外部HTML文件的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

10年積累的成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有孟津免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

jQuery是JavaScript的一個庫，jQuery中的load方法可以用來加載外部HTML文件。

使用jQuery中l(wèi)oad方法加載外部HTML文件的方法

首先我們來看一下load是什么？

load可以在讀取另一個HTML上寫的內(nèi)容時使用。

例如，當(dāng)有的菜單欄是共用的時候，在每個頁面上都來寫一個菜單欄就會很麻煩，這時就可以利用jQuery的load方法來讀取其他頁面上菜單欄的HTML文件，這樣實現(xiàn)的代碼就不會很冗余。

接著我們來看如何使用load方法加載外部HTML文件？

假設(shè)你有一個標(biāo)題寫在了header.html文件中，如果你將“sample.html”作為外部文件讀取，則需要以下腳本。

$(function(){
  $("#cover").load("header.html");
});

另外，上面的html被加載到“sample.html”中設(shè)置的“id”位置。請注意，“header.html”和“sample.html”目前是不同的文件。

在“sample.html”中，即使指定了“header.html”，jQuery也可能無效。

因此，關(guān)于“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</title>
  </head>
  <body>
    <div id="cover">
      <div id="section1"></div>
      <div id="section2"></div>
    </div>
  </body>
</html>

HTML

<h2>header.html的標(biāo)題</h2>

JavaScript

$(function(){
  $("#cover").load("header.html");
});

運行效果如下

“header.html”的內(nèi)容可以反映在“sample.html”中。

使用jQuery中l(wèi)oad方法加載外部HTML文件的方法

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享使用jQuery中l(wèi)oad方法加載外部HTML文件的方法內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細(xì)的解決方法等著你來學(xué)習(xí)!

文章題目：使用jQuery中l(wèi)oad方法加載外部HTML文件的方法-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://chinadenli.net/article38/ecosp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、Google、手機網(wǎng)站建設(shè)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運營