### [js代码放wordpress哪里](https://www.prosaas.cn/article/7272)

**Published:** 2019-07-17T02:11:56

**Author:** 5201314

**Excerpt:** js代码放wordpress哪里？在wordpress中，js代码通常情况下会直接放在header.php或f…

**![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212125908977.jpg)**

**js代码放wordpress哪里？**

在wordpress中，js代码通常情况下会直接放在header.php或footer.php文件中添加js文件调用代码。

其实wordpress主题最佳引用js文件的方法是使用wordpress内置的wp\_enqueue\_script()函数，通过该函数可以安全地将javascript代码加入到WordPress创建的页面中，不仅可以最大限度地保证兼容性，还是提高wordpress性能效率的一个方法。

**函数代码：**

<?php wp\_enqueue\_script( $handle, $src, $deps, $ver, $in\_footer ); ?>

参数说明：

$handle – 调用的脚本名称，用于区别其它js，因此不能和其它js文件命名相同。

$src – js文件的路径（即url），不要直接使用域名url，要使用路径函数，如parent theme使用get\_template\_directory\_uri，child theme使用get\_stylesheet\_directory\_uri。（WP模板路径相关的函数中，通常带有template的是指parent theme，带有stylesheet的指向child theme）

$deps – 依赖关系，加载的js文件所依存的其它js的标识字串数组（array:string），即需要在本代码之前加载的代码的名称（如js脚本依赖jquery库，那么这里要用数组的形式写上jquery），非必需。

$ver – 加载js文件的版本号，作为查询字串附加在路径的末尾，作用是确保正确的版本信息传递给了客户端，以免受到缓存的影响（如js脚本发生变化时，通过更改版本号可以强制客户浏览器更新缓存），默认为false，调用当前wordpress程序的版本号，如果不想显示，则设置为NULL（不推荐）。

$in\_footer – boolean类型，设置js文件调用代码是否放置在html底部，设置为ture则放在底部，设置为false则放置在head部分。提示需要模板正确放置wp\_footer()函数。

**使用方法 ：**

通过wp\_enqueue\_script函数加载js文件时，应该将它分配给一个钩子，如只在前台调用，使用钩子wp\_enqueue\_script；只在后台调用，使用admin\_enqueue\_scripts。

示例：

只在前台调用

<?php function boke8\_theme\_scripts() {      wp\_enqueue\_script( 'boke8', get\_template\_directory\_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add\_action( 'wp\_enqueue\_scripts', 'boke8\_theme\_scripts' ); ?>

只在后台调用

<?php function boke8\_theme\_scripts() {      wp\_enqueue\_script( 'boke8', get\_template\_directory\_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add\_action( 'admin\_enqueue\_scripts', 'boke8\_theme\_scripts' ); ?>

附：函数位置wp-includes/functions.wp-scripts.php文件

更多WordPress技术文章，请访问WordPress教程栏目！

以上就是js代码放wordpress哪里的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** WordPress

---