添加JS脚本WordPress主题开发函数wp_enqueue_script()

想要安全的将JS脚本添加到WordPress生成的页面当中，需要使用使用wp_enqueue_script()函数，可以减少问题的出现，从而提高WordPress效率，今天主题盒子就分享一下添加JS脚本WordPress主题开发函数wp_enqueue_script()。

语法：

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

参数:

$handle：（必需）脚本名称。小写字符串。默认值：None

$src：（可选）WordPress网站根目录下的JS路径。如：”/wp-includes/js/xxx.js”。默认值：None

$deps：（可选）依赖关系数组；加载该脚本前需要加载的其它脚本。默认值：array()

$ver：（可选）指明脚本版本号的字符串（若存在版本号）。默认为false。

$in_footer：（可选）默认值：false，放置在区块中。为true时，会出现在区最下方，但必须有wp_footer()钩子。

示例1、加载scriptaculous脚本

function my_init_method() {

wp_enqueue_script(‘scriptaculous’);

}

add_action(‘init’, my_init_method);

示例2、根据scriptaculous加载脚本

添加并加载一个依赖于scriptaculous的脚本（这将使scriptaculous也被加载入页面）：

wp_enqueue_script(

‘newscript’,

WP_PLUGIN_URL . ‘/someplugin/js/newscript.js’,

array(‘scriptaculous’),

‘1.0’

);

示例3、只在插件页面加载脚本

add_action(‘admin_menu’, ‘my_plugin_admin_menu’);

function my_plugin_admin_init(){

wp_register_script(‘myPluginScript’, WP_PLUGIN_URL . ‘/myPlugin/script.js’);

}

function my_plugin_admin_menu(){

$page = add_submenu_page( ‘edit.php’,

__(‘My Plugin’, ‘myPlugin’),

__(‘My Plugin’, ‘myPlugin’), 9, __FILE__,

‘my_plugin_manage_menu’);

add_action(‘admin_print_scripts-‘ . $page, ‘my_plugin_admin_styles’);

}

function my_plugin_admin_styles(){

wp_enqueue_script(‘myPluginScript’);

}

function my_plugin_manage_menu(){ }

注：

如果使用wp_head勾子来添加动作，wp_enqueue_script函数将失效，因为在wp_head运行前，<script>标签就已经输出了。可以使用的动作勾子： init（初始化）、template_redirect （公共页面）、admin_print_scripts （管理页面）。