WordPress 引入自定义 JavaScript 文件
WordPress 开发文档
收录了这篇文章

在 WordPress 引入 JS 文件的三种方法。


在前台引入 javascript 文件

function add_front_script() {  
  wp_enqueue_script( 'boot', get_template_directory_uri() . '/js/test.js');
}
add_action( 'wp_enqueue_scripts', 'add_front_script' );


在后台引入 javascript 文件

function add_admin_script() {  
  wp_enqueue_script('boot', get_template_directory_uri() . '/js/test.js');
}
add_action('admin_enqueue_scripts', 'add_admin_script');


另外一种方法,使用 wp_head 钩子和 admin_head 钩子:

//为 WordPress 后台添加 css 和 js 代码
function add_admin_jscss() {
 wp_enqueue_style( 'test-jscss', get_template_directory_uri() . '/css/test.css' );
 wp_enqueue_script('test-jscss', get_template_directory_uri() . '/js/test.js' );
}
add_action('admin_head', 'add_admin_jscss');


声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
随机推荐
JavaScript class 的 this 指向
p 标签里面不能嵌套块级元素
用 JavaScript 实现数字增加滚动动画
WordPress 函数 get_categories() 获取所有分类
WordPress 用户信息
Node.js zlib 模块
JavaScript DOM 文档对象模型
Nginx 通过日志统计访问数据