外部js呼叫jquery怎麼寫

王林
發布: 2023-05-23 21:06:08
原創
680 人瀏覽過

在使用外部js檔案呼叫jQuery函式庫之前,需先確認頁面中是否已經引用了jQuery函式庫。如果未引用,則需要在html檔案中先引用jQuery庫。

以下為一般外部js檔案呼叫jQuery函式庫的步驟:

  1. 建立一個.js文件,存放在伺服器或本機中,例如sample.js.
  2. 在sample.js中,首先需要使用jQuery的「document ready」函數確保DOM樹已經載入完成。程式碼如下:
$(document).ready(function(){
    // js代码内容
});
登入後複製
  1. 在此函數內部,寫想要執行的js程式碼,例如取代頁面中所有的文字字串,程式碼如下:
$(document).ready(function(){
    $('body').html($('body').html().replace(/关键词/g, '替换词'));
});
登入後複製
  1. 最後,在html檔案中引入sample.js文件,程式碼如下:
<script src="sample.js" type="text/javascript"></script>
登入後複製

這樣,在頁面載入完成後,就會自動執行sample.js檔案中的相關程式碼。

要注意的是,如果在sample.js檔案中需要使用jQuery的其他外掛程式或方法,則需要在引入jQuery函式庫之後再引入其他外掛程式或方法,否則可能會出現無法呼叫jQuery函數的情況。

以上是外部js呼叫jquery怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板