想要安全的将JS脚本添加到WordPress生成的页面当中,需要使用使用wp_enqueue_script()函数,可以减少问题的出现,从而提高WordPress效率,今天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 (管理页面)。
发表评论