在 WordPress 中加载脚本（为 CSS 和 JS，下同）文件，大少数人的做法是间接在 header.php 文件中增加 link 标签，或许把 link 标签经过 wp_head 钩子间接增加到 head 标签里，这种做法是不合乎民间标准的。

规范的脚本加载形式应该是应用 WordPress 民间提供的函数（后边会说），对立规范有几个益处，首先就是愈加平安和利于治理，其次是愈加的不便快捷，而且不只主题能挂载脚本，插件也能够，并且还能治理脚本，并且调整挂载程序和地位和其它内容。

在哪个钩子加载？

在调用加载脚本函数之前，咱们首先要确定函数在哪个钩子处执行，有四个罕用的脚本加载钩子，辨别是 wp_enqueue_scripts（在前台加载）、admin_enqueue_scripts（在后盾加载）、login_enqueue_scripts（在登录页加载）和 init（全局加载）。

最罕用的应该是 wp_enqueue_scripts 了，挂载到这下面，脚本只在前台加载。

加载 JavaScript 脚本

比方说我想在前台加载一个 JS，是主题根目录 JS 文件夹的 themes.js 文件。首先需求应用 wp_register_script() 函数把 JS 增加到脚本库里边（注册脚本），而后再应用 wp_enqueue_script() 函数挂载脚本。

function Bing_enqueue_scripts(){
  wp_register_script( 'themes_js', get_bloginfo( 'template_directory' ) . '/js/themes_js.js' );//注册 ID 为 themes_js 的 JS 脚本
  wp_enqueue_script( 'themes_js' );//挂载脚本
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

加载 CSS 脚本

function Bing_enqueue_scripts(){
  wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/style.css' );
  wp_enqueue_style( 'style' );
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

小结

本文只是十分简略的解说了怎样加载脚本，正当的利用脚本排队机制，能够让顺序变得灵敏，也能够放慢效率。

以上就是安达网络工作室关于《快速掌握WordPress中加载JavaScript脚本的方法》的一些看法。更多内容请查看本栏目更多内容！