wordpress最佳引用脚本js文件函数wp_enqueue

1. 什么是wp_enqueue_script?

在使用WordPress编写主题或插件时，你可能需要使用JavaScript文件来为网站添加交互内容。在WordPress中，使用wp_enqueue_script函数来添加JavaScript文件和脚本。wp_enqueue_script函数是WordPress自带的一个 PHP 函数，它可以让你在主题或插件中添加 JavaScript 和其他脚本文件，而这些文件可以被维护在WordPress系统中。

2. wp_enqueue_script的使用方法

当你需要添加JavaScript文件时，可以在主题或插件的functions.php文件中使用以下代码：


function my_scripts() {
    wp_enqueue_script( 'my-script', '路径', array(), '版本', true );
}
 
add_action( 'wp_enqueue_scripts', 'my_scripts' );

这些参数有：

第一个参数是脚本的名称，由你指定。
第二个参数是脚本文件的路径。路径可以是主题或插件中的相对或绝对路径。
第三个参数是一个由所需的所有脚本组成的数组。如果你想添加多个脚本，可以在数组中添加它们。如果你想让脚本依赖于其他脚本，可以在数组中包含它们。
第四个参数是脚本的版本号。
第五个参数是一个布尔值，表示脚本是否在页脚输出，如果设置为'true'，那么你的脚本将在网页底部输出。

3. wp_enqueue_script的例子

3.1 添加jQuery脚本

以下示例展示了如何在WordPress中添加jQuery库。只需将以下代码添加到functions.php中：


function my_scripts() {
    wp_enqueue_script( 'jquery' );
}
 
add_action( 'wp_enqueue_scripts', 'my_scripts' );

3.2 添加自定义JavaScript脚本

以下示例展示了如何在主题或插件中添加自己的JavaScript文件：


function my_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array(), '1.0.0', true );
}
 
add_action( 'wp_enqueue_scripts', 'my_scripts' );