wp_enqueue_script()在您的主题中使用
基本的答案是wp_enqueue_script()在wp_enqueue_scripts前端的钩子中使用admin_enqueue_scriptsadmin。它可能看起来像这样（假设您正在从主题functions.php文件中调用；请注意我如何引用样式表目录）：
<?php
add_action( 'wp_enqueue_scripts', 'mysite_enqueue' );
function mysite_enqueue() {
$ss_url = get_stylesheet_directory_uri();
wp_enqueue_script( 'mysite-scripts', "{$ss_url}/js/mysite-scripts.js" );
}
这就是基础。
预定义和多个从属脚本
但是，假设您要同时包含WordPress附带的默认脚本列表中的 jQuery和jQuery UI Sortable，并且希望脚本依赖于它们吗？简单，只需使用WordPress中定义的预定义句柄包含前两个脚本，然后为您的脚本提供第三个参数，wp_enqueue_script()该参数是每个脚本使用的脚本句柄数组，如下所示：
<?php
add_action( 'wp_enqueue_scripts', 'mysite_enqueue' );
function mysite_enqueue() {
$ss_url = get_stylesheet_directory_uri();
wp_enqueue_script( 'mysite-scripts', "{$ss_url}/js/mysite-scripts.js", array( 'jquery', 'jquery-ui-sortable' ) );
}
插件中的脚本
如果您想在插件中执行该操作怎么办？使用该plugins_url()函数指定Javascript文件的URL：
<?php
define( 'MY_PLUGIN_VERSION', '2.0.1' );
add_action( 'wp_enqueue_scripts', 'my_plugin_enqueue' );
function my_plugin_enqueue() {
wp_enqueue_script( 'my-script', plugins_url('/js/my-script.js',__FILE__), array('jquery','jquery-ui-sortable'), MY_PLUGIN_VERSION );
}
版本化脚本
还要注意，在上面我们给了插件一个版本号，并将其作为第4个参数传递给wp_enqueue_script()。版本号在源中作为脚本的URL中的查询参数在源中输出，并且如果版本更改，则可以强制浏览器重新下载可能缓存的文件。
仅在需要的页面上加载脚本
Web Performance的第一条规则要求最小化HTTP请求，因此，只要有可能，就应限制脚本仅在需要的地方加载。例如，如果您只需要在admin中使用脚本，则使用admin_enqueue_scripts钩子将其限制为管理页面：
<?php
define( 'MY_PLUGIN_VERSION', '2.0.1' );
add_action( 'admin_enqueue_scripts', 'my_plugin_admin_enqueue' );
function my_plugin_admin_enqueue() {
wp_enqueue_script( 'my-script', plugins_url( '/js/my-script.js', __FILE__ ), array( 'jquery', 'jquery-ui-sortable' ), MY_PLUGIN_VERSION );
}
将脚本加载到页脚中
如果您的脚本是需要加载到页脚中的脚本之一，则该脚本的第5个参数wp_enqueue_script()告诉WordPress延迟它并将其放置在页脚中（假设您的主题没有行为不当，并且确实像所有主题一样调用了wp_footer钩子）好的WordPress主题应该）：
<?php
define( 'MY_PLUGIN_VERSION', '2.0.1' );
add_action( 'admin_enqueue_scripts', 'my_plugin_admin_enqueue' );
function my_plugin_admin_enqueue() {
wp_enqueue_script( 'my-script', plugins_url( '/js/my-script.js', __FILE__ ), array( 'jquery', 'jquery-ui-sortable' ), MY_PLUGIN_VERSION, true );
}
更细粒度的控制
如果您需要更精细的控制，则Ozh会撰写一篇很棒的文章，标题为“ 如何：使用WordPress插件加载Javascript”，其中详细介绍了更多内容。
禁用脚本来获得控制权
贾斯汀·塔德洛克（Justin Tadlock）的文章不错，标题是如何在需要的情况下禁用脚本和样式：
- 将多个文件合并为一个文件（此处的里程可能因JavaScript而异）。
- 仅在我们使用脚本或样式的页面上加载文件。
- 不再需要在style.css文件中使用！important来进行简单的CSS调整。
使用PHP将值从PHP传递到JS wp_localize_script()
Vladimir Prelovac在他的博客上有一篇很棒的文章，名为“ 向WordPress插件添加JavaScript代码的最佳实践”，他在其中讨论了如何使用wp_localize_script()它来设置服务器端PHP中变量的值，以供以后在客户端Javascript中使用。
真正的细粒度控制 wp_print_scripts()
最后，如果您需要真正的细粒度控制，可以wp_print_scripts()按照Beer Planet上的讨论，标题为“ 如何有条件地包括CSS和JavaScript，并且仅在帖子需要时”中讨论。
轮回
关于将最佳实践包含在WordPress中的Javascript文件。如果我错过了某些事情（我可能已经知道了），请务必在评论中告知我，以便为将来的旅行者添加更新。
