WordPress網(wǎng)站如何添加Javascript代碼

WordPress網(wǎng)站如何添加Javascript代碼？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

如果是修改自己制作的模板主題，升級(jí)和更新自己掌控，javascript代碼的添加比較自由，可根據(jù)實(shí)際業(yè)務(wù)邏輯引入即可。但是如果想添加與主題無(wú)關(guān)的javascript代碼，例如訪客統(tǒng)計(jì)，性能監(jiān)控等類型的獨(dú)立代碼，由于與主題文件沒(méi)有關(guān)系，那么最好的辦法就是在插件中添加代碼。

WordPress提供了函數(shù) wp_enqueue_script 和鉤子 wp_enqueue_scripts

以方便開(kāi)發(fā)者有能力嵌入自定義的代碼。

下面簡(jiǎn)述添加的方法步驟：

在插件目錄下新建一個(gè)目錄，進(jìn)入目錄后新建一個(gè)插件文件index.php，插入如下示例代碼：

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array(), '1.12.1', false);
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' );

wp_enqueue_script 函數(shù)五個(gè)參數(shù)說(shuō)明

1. string $handle #對(duì)當(dāng)前引入的javascript文件的唯一命名

2. string $src = '' #javascript文檔資源url

3. array $deps = array() #依賴代碼handle

4. string|bool|null $ver = false #版本號(hào)，如果未指定，與WordPress系統(tǒng)版本號(hào)一致

5. bool $in_footer = false #是否在文檔底部，如果是false，則默認(rèn)在文檔頭部就載入javascript

最后保存文件，去插件中心激活插件，在瀏覽器頁(yè)面查看頁(yè)面源代碼，就可以看到引入的 javascript 文件了。

使用 wp_enqueue_script 函數(shù)有以下優(yōu)點(diǎn)：

a. 可以設(shè)定與其他依賴代碼的載入次序

b. 可以指定版本號(hào)利于緩存管理

c. 可以指定嵌入代碼在文檔的位置

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)WordPress網(wǎng)站如何添加Javascript代碼大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。