您现在的位置是:首页 > 网站制作 > WordpressWordpress

wp_enqueue_script() WordPress注册js函数

杰帅2023-08-13【Wordpress】人已围观

简介wp_enqueue_script() 是WordPress注册和引用一个js的函数。

介绍

wp_enqueue_script(
 string $handle, 
 string $src = '',
 array $deps = array(),
 string|bool|null $ver = false,
 bool $in_footer = false 
)

wp_enqueue_script() 是WordPress注册和引用一个js的函数。

参数

$handle

(string) (必填) js名称,必填,并且不能重复。
$src

(string) (选填) 完整的js链接地址。

Default value: ''
$deps

(array) (选填) 数组,此脚本依赖的注册脚本。

Default value: array()
$ver

(string|bool|null) (Optional) String specifying script version number, if it has one, which is added to the URL as a query string for cache busting purposes. If version is set to false, a version number is automatically added equal to current installed WordPress version. If set to null, no version is added.

Default value: false
$in_footer

(bool) (Optional) Whether to enqueue the script before instead of in the . Default 'false'.

Default value: false

示例

注册一个 custom_script.js ,并且该js依赖于jquery才能执行。显示在标签前面。

/**
 * Enqueue a script with jQuery as a dependency.
 */
function wpdocs_scripts_method() {
    wp_enqueue_script( 'custom-script', 
    get_stylesheet_directory_uri() . '/js/custom_script.js', 
    array( 'jquery' ) 
);
}
add_action( 'wp_enqueue_scripts', 'wpdocs_scripts_method' );

去掉 WordPress 自带的jquery,引入一个js。jquery去掉版本号,downbetter.min.js使用其md5作为版本号,jquery与downbetter.min.js都加载在标签前面。

/**
 * Enqueue scripts.
 */
function downbetter_scripts() {
    // 去掉WordPress自带jquery,引用cdn jquery。
    wp_deregister_script('jquery');
    wp_register_script('jquery','https://unpkg.com/jquery@1.12.4/dist/jquery.min.js', array(), null, true );
    wp_enqueue_script('jquery');
    // 注册一个依赖于jquery才能执行的 downbetter.min.js
    $downbetterVer = md5(get_template_directory_uri() .'/js/downbetter.min.js');
    wp_enqueue_script( 'downbetter-script', get_template_directory_uri() . '/js/downbetter.min.js', array( 'jquery' ), $downbetterVer, true );
}
add_action( 'wp_enqueue_scripts', 'downbetter_scripts' );

Tags:wordpress主题   wordpress函数   WordPress建站

很赞哦! ()

文章评论

本站推荐

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计1172篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们