WordPress主题开发中最佳引用脚本js文件函数wp_enqueue_script

概述当我们在WordPress主题定制开发过程中，经常需要引入一些JS文件，一般的处理方式是在主题文件的header.php或者footer.php文件中引入JS。...

当我们在wordpress主题定制开发过程中，经常需要引入一些Js文件，一般的处理方式是在主题文件的header.PHP或者footer.PHP文件中引入Js。其实，wordpress有一个最佳引入Js文件的函数，那就是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 my_theme_scripts() {

wp_enqueue_script( 'myJs',get_template_directory_uri() . '/Js/my.Js',array(),'1.0.0',true );

}

add_action( 'wp_enqueue_scripts','my_theme_scripts' );

?>只在后台调用

<?PHP

function my_theme_scripts() {

wp_enqueue_script( 'myJs',true );

}

add_action( 'admin_enqueue_scripts','my_theme_scripts' );

?>

总结

以上是内存溢出为你收集整理的WordPress主题开发中最佳引用脚本js文件函数wp_enqueue_script全部内容，希望文章能够帮你解决WordPress主题开发中最佳引用脚本js文件函数wp_enqueue_script所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。