如何在WordPress中正确添加和访问一个JavaScript文件?

时间:2019-04-13 作者:F.Marks

我打算在我的WP网站上使用JavaScript库,并已通过FTP将JS文件上载到当前激活主题的以下目录:/public_html/wp-content/themes/salient/js

然后,为了加载JavaScript,我在“页眉和页脚”设置中添加了以下行(在正文结束标记之前插入):

<script type="text/javascript" src="https://www.mypage.../public_html/wp-content/themes/salient/js/javascriptfile.js"></script>
当我加载页面并使用Chrome控制台检查页面时,该JS文件出现404错误,尽管该文件和目录存在。作为一种替代方法,我还尝试在HTML甚至页面模板中直接添加脚本引用,但结果相同。

为什么我总是收到404错误?谢谢你的帮助。

1 个回复
最合适的回答,由SO网友:Qaisar Feroz 整理而成

您应该使用

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);
其中,
$handle 是脚本的名称。

$src 定义脚本的位置。

$deps 是一个数组,可以处理新脚本所依赖的任何脚本,例如jQuery.

$ver 用于列出版本号。

$in_footer 是一个boolean 参数(true/false) 这允许您将脚本放在HTML文档的页脚而不是页眉中,这样就不会延迟DOM树的加载。

Documentation

Add this code to functions.php file of your theme.

function add_my_script() {

  wp_enqueue_script( \'my-script\', 
         get_template_directory_uri() . \'/js/javascriptfile.js\', 
         array ( \'jquery\' ), 
         false,
         true
  );

}
add_action( \'wp_enqueue_scripts\', \'add_my_script\' );

相关推荐

尝试仅在PODS类别/自定义帖子类型内的页面上加载JavaScript

我想加载CSS,但只在某些页面上加载。这段代码通常工作得很好,但我无法确定“条件标记”是什么只会加载这些页面。这是我在函数中放置的函数。php文件://Below loads JS ONLY for the main directory pages function directory_scripts () { if ( *** NOT SURE *** ): wp_enqueue_style( \'addev