信科网络 · 11 年只做 WordPress | 建站 / 主题 / 插件 / 商城 / 迁移 / 托管 | 累计服务 3000+ 企业 | 源码全交付
服务热线:13280692153 邮箱:web@wordpressx.com
工作日 08:30-18:0013280692153 免费诊断
首页/WordPress 教程/wp_enqueue_script()函数
BLOG

wp_enqueue_script()函数

分类 发布 2022-08-19

相信大部分人在制作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_scripts;只在后台调用,使用admin_enqueue_scripts。

只在前台调用

wp_enqueue_script()函数
<?php
function tone_front_script() {  
   wp_enqueue_script( 'boot', get_template_directory_uri() . '/js/bootstrap.js');
}
add_action( 'wp_enqueue_scripts', 'tone_front_script' );
?>

只在后台调用

<?php
function tone_admin_script() {  
   wp_enqueue_script('boot', get_template_directory_uri() . '/js/bootstrap.js');
}
add_action('admin_enqueue_scripts', 'tone_admin_script');
?>

另外一种方法,使用wp_head钩子和admin_head钩子

为WordPress后台添加css和js代码
<?php
    function admin_jscss() {
        wp_enqueue_style( 'admin-myjscss', get_template_directory_uri() . '/css/bootstrap.css' );
        wp_enqueue_script('admin-myjscss', get_template_directory_uri() . '/js/bootstrap.js' );
        wp_enqueue_script( 'admin-myjscss', get_template_directory_uri() . '/js/jquery.min.js' );
    }
    add_action('admin_head', 'admin_jscss');
?>
INDUSTRIAL BELT

扎根中国制造产业带
懂工厂,才懂出海

从胶东半岛到珠三角,从长三角到中原腹地,每一片产业集群都有自己的出口节奏与买家画像。信科网络长期扎根产业一线,把工厂的产品语言翻译成海外采购商听得懂的搜索语言,让每一分投入都对着真实的询盘去。

xinhua

新华外贸网站建设

新华区隶属于河北省沧州市,地处沧州市区东半部,与运河区以清池大道为界,行政区域总面积88.5平方千米。新华区属暖温带半湿润大陆性季风气候,四季分明,日照充足。截至2014年,新华区下辖5个…

jingxian

景县外贸网站建设

景县位于河北省东南部,大运河西岸,全县辖9镇7乡,849个行政村,总面积1183平方公里。全县呈簸箕形,由西南向东北逐渐倾斜坦,最高点海拔25米,最低点14.1米。属暖温带半湿润大陆性气候,四季…

wuzhong

吴忠外贸建站

吴忠市位于宁夏回族自治区中部,东邻陕西定边县,西北和东北与内蒙古自治区阿拉善左旗、鄂托克前期接壤,西南和东南与甘肃靖远县、环县毗邻,北连永宁、陶乐两县,南接海原、固原两县,面积339…

yuanzhou

原州外贸建站

原州区,隶属于宁夏回族自治区固原市,地处宁夏南部,六盘山东北麓,黄土高原中西部,东邻彭阳县,南接泾源县,西连西吉县,北靠海原县、同心县,东北、西南分别与甘肃环县、隆德县毗壤,是固…

qianjiang

黔江WordPress建站

重庆市黔江区位于重庆市的东南边缘,地处武陵山腹地,东临湖北省的咸丰县,西界彭水县,南连酉阳县,北接湖北利川市,是渝、鄂、湘、黔四省市的结合部,素有”渝鄂咽喉”之称。另外…

jiangjin

江津WordPress建站

重庆市江津区,是一个历史文化悠久的城市,以地处长江要津而得名。江津位于重庆西南长江之滨,距渝中区公路里程50公里;铁路里程65公里;水路里程72公里。江津城区气候特征与重庆相近,但综合…

zhongxian

忠县Shopify建站

忠县隶属于重庆市,位于重庆市中部,辖28个乡镇。忠县历史悠久,资源丰富,盛产柑橘。综合多种产业,近年来正快步发展中  

haiyuan

海原Shopify建站

位于中国宁夏回族自治区中南部。1991年底人口31.15万。回族为主,有汉、满、蒙古、东乡等民族。西汉属安定郡。清同治十三年(1874)设海城县。民国三年(1914)改海原县。地形复杂,多山地。年…

kaizhou

开州外贸推广

开州区隶属于重庆市,位于重庆市东北部,三峡库区小江支流回水末端,介于北纬30°49′30″-31°41′30″、东经107°55′48″-108°54′之间,西邻四川省开江县,北依大巴山接城口县和四川省宣汉县,东毗云…

dadukou

大渡口外贸推广

大渡口区是重庆主城区,重庆大都市区之一,地处重庆市西南部,是重庆都市圈重要组成部分,也是重庆市中心城区十二个组团之一,于1965年建区。大渡口区东临巴南区,南界江津区,西、北靠九龙坡…

hejian

河间Google SEO

河间之名始于战国,因处九河流域而得其名,古称瀛洲。地处华北平原腹地,居京(北京)、津(天津)、石(石家庄)三角中心。总面积1333平方公里,辖20个乡镇,总人口78万。河间属环渤海经济区,大北…

huanghua

黄骅Google SEO

概况:黄骅市位于北纬38°09′-38°39’,东经117°05′-117°49’之间。处于“环渤海、环京津”的“双环”枢纽地带和东北来经济圈的中心位置,是国家跨世纪工程–神华工程的…

pingluo

平罗GEO优化

平罗县是石嘴山市唯一的建制县,位于宁夏北部,东与内蒙古鄂托克前旗相临,西与阿拉善左旗接壤,南与银川市贺兰县、北与石嘴山市惠农区相连。总面积2254.6平方公里,人口30万,城区人口8万人,…

xixia

西夏GEO优化

西夏区是宁夏回族自治区银川市的一个市辖区,位于银川市西部,地理坐标东经105°49′~106°18′,北纬38°08′~38°52′。西夏区东起包兰铁路,西至贺兰山口轴线(宁蒙界),南临永宁县,北接贺兰县,…

cangxian

沧县谷歌SEM

沧县位于河北省东南部,冀中平原东部,北冀京津,东邻渤海,地理坐标在北纬38°5′至38°3′,东经116°27′至117°9′之间。县政府驻沧州市新华区,全县总面积1527平方公里,其中耕地面积129万亩,总…

litong

利通谷歌SEM

利通区隶属于宁夏自治区吴忠市,地处中国西北内陆,位于宁夏平原中部,距首府银川市59千米,是宁夏经济发展的核心区之一,也是吴忠市政治、经济、文化中心。辖区总面积1384平方千米,辖8镇4乡…

beibei

北碚Facebook广告

北碚区位于重庆市区西北郊的缙云山下,嘉陵江畔,幅员面积753平方公里,人口63万,是重庆的风景旅游区和智力型清洁工业基地。本世纪20年代末,由爱国实业家卢作孚先生开拓,抗战时期为陪都重庆…

xiushan

秀山Facebook广告

秀山土家族苗族自治县,位于重庆市东南部,武陵山脉中段,四川盆地东南缘的外侧,为川东南重门户。与湖南省、湖北省、贵州省毗邻,326国道和319国道贯穿全县。距长沙604公里、武汉656里、贵阳5…

youyang

酉阳Yandex推广

酉阳土家族苗族自治县地处渝东南边陲的武陵山区,渝、鄂、湘、黔四省(市)在此接壤,是渝东南重要门户。全县面积5173平方公里,是重庆市面积最大的县,辖39个乡镇,人口73万,其中土家族44.5…

yanchi

盐池Yandex推广

山西省运城市即古河东盐池,亦称解池。地处运城盆地之南,中条山北麓,自东北向西南延伸,长约30公里,宽3——5公里,面积130平方公里,是由鸭子池、盐池、硝池等几个部分组成,湖面海拔324.5米…

shapotou

沙坡头TikTok推广

沙坡头:国家AAAAA级旅游景区,国家级沙漠生态自然保护区,全球环保500佳单位,全民健身二十个著名景观,科技进步特别奖。沙坡头位于宁夏回族自治区中卫市城区西部腾格里沙漠的东南缘。东起二…

为什么一定要选懂产业带的出海服务商?建材丝网的欧洲建筑商看资质与交期,工业橡塑的中东工程商问耐温与工况,毛皮服饰的俄罗斯分销商算的是季节与毛利。买家不同,决策逻辑就不同;信科网络把这些差异拆进网站结构、关键词地图和投放策略里,用他们习惯的方式出现在他们搜索的地方。