我添加了自定义脚本：
wp_enqueue_script('functions', get_bloginfo('template_url') . '/js/functions.js', 'search', null, false);
它工作得很好，除了functions.js我有：
Reset.style.background = "url('../images/searchfield_clear.png') no-repeat top left";
这曾经有效，直到我改为漂亮的永久链接和 .htaccess
文件夹层次结构如下：
themename/js themename/images（图像和js文件夹在themename文件夹中）
我试过 ../images - ./image - /images
通常它应该在 js 文件所在的任何地方返回 1 级......
我不想使用完整路径。
WordPress 是否可以通过另一种方式识别 javascript 文件中的正确路径？
目前我只是很困惑我做错了什么。
根据 Wordpress 文档，您应该wp_localize_script()在您的 functions.php 文件中使用。这将在标头中创建一个 Javascript 对象，该对象在运行时可用于您的脚本。
见法典
例子：
<?php wp_localize_script('mylib', 'WPURLS', array( 'siteurl' => get_option('siteurl') )); ?>
要在 Javascript 中访问此变量，您只需执行以下操作：
<script type="text/javascript">
var url = WPURLS.siteurl;
</script>
您可以通过在模板的标题中设置一个 JS 变量来避免对完整路径进行硬编码，在wp_head()调用之前，保存模板 URL。喜欢：
<script type="text/javascript">
var templateUrl = '<?= get_bloginfo("template_url"); ?>';
</script>
并使用该变量来设置背景（我知道您知道如何执行此操作，我只包含这些详细信息，以防它们对其他人有帮助）：
Reset.style.background = " url('"+templateUrl+"/images/searchfield_clear.png') ";
wp_register_script('custom-js',WP_PLUGIN_URL.'/PLUGIN_NAME/js/custom.js',array(),NULL,true);
wp_enqueue_script('custom-js');
$wnm_custom = array( 'template_url' => get_bloginfo('template_url') );
wp_localize_script( 'custom-js', 'wnm_custom', $wnm_custom );
并在 custom.js
alert(wnm_custom.template_url);
如果 javascript 文件是从管理仪表板加载的，则此 javascript 函数将为您提供 WordPress 安装的根目录。当我构建需要从管理仪表板发出 ajax 请求的插件时，我经常使用它。
function getHomeUrl() {
var href = window.location.href;
var index = href.indexOf('/wp-admin');
var homeUrl = href.substring(0, index);
return homeUrl;
}
对于使用 Genesis 框架的用户。
将以下内容添加到您的子主题 functions.php
add_action( 'genesis_before', 'script_urls' );
function script_urls() {
?>
<script type="text/javascript">
var stylesheetDir = '<?= get_bloginfo("stylesheet_directory"); ?>';
</script>
<?php
}
并使用该变量在脚本中设置相对 url。例如：
Reset.style.background = " url('"+stylesheetDir+"/images/searchfield_clear.png') ";