wp_enqueue_script()

wordpress函数 2015年08月28日 , ,

函数wp_enqueue_script()是用来注册脚本文件并加载到生成的页面中,是一种安全的方式。http://furzoom.com/wp_enqueue_script/

函数原型

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

参数详解

  1. $handle,脚本的名字。应当是唯一的,用于在整个系统中标识该脚本。如果handle中?,前半部分指注册的脚本的handle,后半部分作为查询字符串添加到URL后面。
  2. $src,脚本的路径。对于本地的样式表不要使用硬编码,如http://furzoom.com/css/myscript.js,在插件中应该使用plugins_url(),在主题中应该使用get_template_directory_uri()来取得安全的路径。对于远程的脚本应该使用协议无关URL,如//deiio.com/css/script.js
  3. $deps,该脚本依赖的其他的脚本,应该事先加载所依赖的脚本。当该脚本使用函数wp_enqueue_script()调用时,其依赖的脚本会被自动的加载。参数形式为handle数组。默认为false。该参数可选。
  4. $ver,用于指定脚本的版本号的字符串。版本号将会作为查询字符串附加在脚本URL的后面,如?ver=4.3.0。默认值为false,将会添加WordPress的版本号。如果为null,则不添加使用字符。该参数可选。
  5. $in_footer,默认脚本将被添加到<head>部分。如果参数为true,脚本被加载到<body>标签底部。默认为false,该参数为可选。

返回值

该函数无返回值。

应用实例

使用下面的方式,脚本被会自己的加载:

// 加载脚本
function theme_name_scripts() {
    wp_enqueue_script('script_name', get_template_directory_uri().'/js/example.js', array(), '1.0.0', true);
}

add_action('wp_enquene_scripts', 'theme_name_scripts');

总结

如果需要有前端使用该函数,需要使用wp_enqueue_scripts action来调用;如果要在后台管理页面使用则需要使用admin_enqueue_scripts action;如果要在登陆页面使用,则需要使用login_enqueue_scripts action。如果在不使用action调用会产生错误。

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
日志标题:《wp_enqueue_script()》
日志链接:http://furzoom.com/wp_enqueue_script/
博客名称:枫竹梦

发表评论

插入图片

NOTICE1:请申请gravatar头像,没有头像的评论可能不会被回复!

回到顶部