您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
wordpress的js代码放在哪里
华章滕2023-07-30 23:28:54WordPress教程已有人查阅
导读在wordpress中,js代码通常情况下会直接放在header.php或footer.php文件中添加js文件调用代码。其实wordpress主题较佳引用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文件。
本文标签:
很赞哦! ()
相关文章
- Nginx常用Rewrite伪静态规则WordPress/PHPCMS/ECSHOP/ShopEX/SaB
- dedecms模板中怎么调用wordpress文章
- dedecms模板中调用wordpress的文章的实现方法
- wordpress插件怎么实现链接跳转
- 两个wordpress数据怎么互通
- wordpress主题信息的删除方法
- drupal与wordpress的优势,哪个更容易上手
- WordPress主题怎么加密,WordPress主题加密怎么破解
- wordpress需要更新升级吗
- wordpress二次开发难不难
- wordpress是免费的吗,wordpress要授权吗
- 手机管理wordpress的软件有哪些
随机图文
-
WordPress如何判断访问的是什么浏览器
目前大部分主题模板对已淘汰的IE支持不好,影响体验,可以利用WordPress提供的变量,判断访问者用浏览器,然后提醒用户升级浏览器。 -
CSS和JS合并的WordPress插件安装使用方法
我们平时会考虑把多个CSS或JS合并为一个文件输出,为了解决这个问题,我写了这个WordPress插件,用来实现WordPress中的这一目的。 -
给WordPress后台管理界面添加新配色的方法
下面由WordPress教程栏目给大家介绍为WordPress后台管理界面添加新的配色的方法,希望对需要的朋友有所帮助! -
wordpress难不难学
wordpress超级简单,一点也不难,毫无代码基础的人也可以轻松入门。WordPress有许多第三方开发的免费模板,安装方式简单易用。
留言与评论 (共有 条评论) |