• 首页
  • 星球交流
  • 运营
  • 开发
  • 快讯
  • 案例
  • 商城
  • 问答AI
文章
文章用户商铺文档快讯圈子网址导航问答

{{userData.name}}已认证

文章

评论

关注

粉丝

¥{{role.user_data.money}}
{{role.user_data.credit}}
您已完成今天任务的
  • 私信列表所有往来私信

  • 财富管理余额、积分管理

  • 推广中心推广有奖励

    NEW
  • 任务中心每日任务

    NEW
  • 成为会员购买付费会员

  • 认证服务申请认证

    NEW
  • 小黑屋关进小黑屋的人

    NEW
  • 我的订单查看我的订单

  • 我的设置编辑个人资料

  • 进入后台管理

  • 运营
    • 数据库
      • Mysqldump备份与恢复(mysqlpump备份恢复)

        Mysqldump备份与恢复(mysqlpump备份恢复)

      • MySQL数据库内置help解析(SQL语句说明书)

        MySQL数据库内置help解析(SQL语句说明书)

      • Mysql数据库误删除后的数据恢复操作说明(mysql数据库不小心删了怎么恢复)

        Mysql数据库误删除后的数据恢复操作说明(mysql数据库不小心删了怎么恢复)

      • 自动检查Mysql是否存在锁表、三方回调状态,队列状态,微信推送状态

        自动检查Mysql是否存在锁表、三方回调状态,队列状态,微信推送状态

    • SEO优化
      • 如何在WordPress中使用关键词优化您的文章?

        如何在WordPress中使用关键词优化您的文章?

      • 如何在WordPress中优化SEO,让您的网站更具竞争力?

        如何在WordPress中优化SEO,让您的网站更具竞争力?

      • 蜘蛛锐减+聚名涨价~(年后第1波SEO知识分享)

        蜘蛛锐减+聚名涨价~(年后第1波SEO知识分享)

      • SEO优化网站建设,注意事项!(网站建设优化的技巧)

        SEO优化网站建设,注意事项!(网站建设优化的技巧)

    • 网站运维
      • b2主题火车头问答发布模块

        b2主题火车头问答发布模块

      • Apache 虚拟主机和反向代理配置

        Apache 虚拟主机和反向代理配置

      • b2主题php8.1频繁502解决方法

        b2主题php8.1频繁502解决方法

      • PHP安全配置加固保护wordpress运行安全

        PHP安全配置加固保护wordpress运行安全

    • 系统运维
      • 使用 Mac OS 的 Automator 自动备份 MySQL

        使用 Mac OS 的 Automator 自动备份 MySQL

      • 通过密钥登录 WordPress 服务器,让暴力破解无机可乘

        通过密钥登录 WordPress 服务器,让暴力破解无机可乘

      • Linux 运维必备 150 个命令汇总

        Linux 运维必备 150 个命令汇总

      • Linux安装mysql8.0

        Linux安装mysql8.0

  • 开发
    • WordPress开发实例
      • 让你的WordPress网站更加生动形象——快速获得自动截图的方法

        让你的WordPress网站更加生动形象——快速获得自动截图的方法

      • 简单易懂的 WordPress 自定义字段值自动提取方法

        简单易懂的 WordPress 自定义字段值自动提取方法

      • \”打造专业留言板,WordPress 仿百度商桥在线留言框教程\”

        \”打造专业留言板,WordPress 仿百度商桥在线留言框教程\”

      • 使用query_posts实现WordPress网站万能分页查询

        使用query_posts实现WordPress网站万能分页查询

    • WordPress开发手册
      • pre_move_uploaded_file

        pre_move_uploaded_file

      • pre_get_ready_cron_jobs

        pre_get_ready_cron_jobs

      • pre_site_transient_{$transient}

        pre_site_transient_{$transient}

      • pre_network_site_new_created_user

        pre_network_site_new_created_user

  • WP入门
  • 下载WordPress
  • MOER
    • 文章归档
    • 资讯中心
    • 授权中心
    • 用户注销
投稿
!
也想出现在这里? 联系我们吧
广告
广告位
当前位置:首页>开发>WordPress开发实例>指定 WordPress 页面按需加载 JavaScript

指定 WordPress 页面按需加载 JavaScript

  • WordPress开发实例
  • 1月8日
  • 编辑
林沐阳.𒅌s9社区官方

在 wordpress 主题或插件中加载 JavaScript 时,官方推荐的方法是使用 wp_enqueue_script() 来加载,该函数可以指定 JavaScript 的依赖库,指定 JavaScript 文件的版本,设置在页面头部或者底部加载,非常灵活和方便。但是,该插件缺少指定在某些页面加载 JavaScript 的设置参数。所幸的是,我们可以通过 WordPress 的函数自己动手来实现这个功能。

当一个比较大的库只在某一个或几个页面使用时,我们不需要在每个页面上加载所有脚本,而只需要在特定的页面模板中加载即可,以免其他页面加载不需要的 JavaScript 文件而影响页面打开速度,增加服务器开销。

比如,我们的主题中有一个名为 “Portfolio Archive” 的页面模板,在这个模板中,我们需要使用 “imagesloaded、masonry、isotope、jquery-ias” 这 4 个 JavaScript 插件来实现这个页面的效果,而这些库在其他页面都是用不上的,如果直接在全部页面加载,每个页面都会加载这 4 个库,即使是这个页面不需要使用这些库来实现效果。

只在使用了某个页面模板的页面上加载指定的 JavaScript 文件吗,在下面的代码中,首页我们加载了每个页面都需要的 jQuery 和 Main.js 文件,然后判断当前页面是否使用了指定的页面模板,然后根据判断结果加载指定页面模板需要的 JavaScript 文件。

在实际的 WordPress 主题开发工作中,并不是每个主题都需要这么操作。如果某主题使用的 JavaScript 文件比较少,全部加载一起也没有多大,我们完全可以把这些 JavaScript 文件合并在一起文件中,这样不但可以减少页面请求数,还可以把脚本文件缓存到客户端,打开下一个页面的时候不用再下载一次。具体什么时候合并代码到一个文件,什么时候拆分代码按需加载,要看主题的实际情况,灵活确定。

给TA打赏
共{{data.count}}人
人已打赏
JSWordPress按需加载页面
林沐阳.𒅌
个人主页
前方的风景好,我的意思是别回头。
3540篇作品
WordPress开发实例

自定义WordPress后台登录页面

2023-1-8 3:21:00

WordPress开发实例

wordpress短代码实现腾讯视频无广告播放腾讯视频

2023-1-8 3:29:04

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
1 条回复 A文章作者 M管理员

您必须登录或注册以后才能发表评论

  1. sda
    sda 徽章-初出茅庐S9社区1枚徽章 (来自未知地区)
    3月31日

关于作者

林沐阳.𒅌

文章

3540

评论

97

关注

1

粉丝

63
[文章] 火车头葫芦侠采集规则
[文章] 让你的WordPress网站更加生动形象——快速获得自动截图的方法
[文章] 简单易懂的 WordPress 自定义字段值自动提取方法
[文章] \”打造专业留言板,WordPress 仿百度商桥在线留言框教程\”
Ta的全部动态

签到排行
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{data.mission.credit}}积分

今日签到

连续签到

签到排行

文章聚合

  • TOP1
    本站b2子主题(S9)最新版本1.6.5

    本站b2子主题(S9)最新版本1.6.5

    22年10月3日
  • TOP2
    解决黑群晖“抱歉,您所指定的面页不存在”问题(黑群晖论坛发布论坛)

    解决黑群晖“抱歉,您所指定的面页不存在”问题(黑群晖论坛发布论坛)

    22年9月11日
  • TOP3
    改变网络游戏封包WPE使用方法修改游戏数据。(wpe抓包修改游戏数据教程)

    改变网络游戏封包WPE使用方法修改游戏数据。(wpe抓包修改游戏数据教程)

    22年10月30日
  • VM映射磁盘出错”Z:\\ 不可用。“是什么原因?如何解决

    VM映射磁盘出错”Z:\\ 不可用。“是什么原因?如何解决

    22年9月8日
  • wordpress b2主题实现问答引入OpenAi智能系统

    wordpress b2主题实现问答引入OpenAi智能系统

    22年12月11日
  • 苹果激活锁破解教程(强制跳过 id 激活)

    苹果激活锁破解教程(强制跳过 id 激活)

    22年11月7日

问答

PREVNEXT
热门 最新 等待回答
没有内容
  • 个回答
    {{item.metas.reward.money}} ¥{{item.metas.reward.money}}

最新评论

PREVNEXT
  • 来自:
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
客服
  • 扫码打开当前页

  • QQ交流群

返回顶部
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分

今日签到

连续签到

  • {{item.credit}}
  • 连续{{item.count}}天
查看所有
我的优惠劵
  • ¥优惠劵
    使用时效:无法使用
    使用时效:

    之前

    使用时效:永久有效
    优惠劵ID:
    ×
    限制以下商品使用: 限制以下商品分类使用: 不限制使用:
    [{{ct.name}}]
    所有商品和商品类型均可使用
没有优惠劵可用!

购物车
  • ×
    删除
购物车空空如也!

清空购物车 前往结算
您有新的私信
没有新私信
写新私信 查看全部

专业提供WordPress网站建设,主题和插件开发、汉化、安装等服务

微信扫一扫联系我们
QQ咨询

查看所有服务项目

关于我们

一个专注于 WordPress 网站开发,PHP教学,IT 技术学习研究,网站策划运营及新媒体探索研究的自媒体社区。希望社区内容能帮助到每一个有需要的人。

用户相关

  • 用户协议

    本站的用户协议

  • 隐私政策

    本站的隐私政策

联系与合作

  • 广告合作

    与本站进行广告合作

  • 在线工单

    有什么不懂联系我们

我们的团队

  • 林沐阳.𒅌
  • 忘忧
  • 小九aini♥
Copyright © 2023 S9社区
・沪ICP备2022002876号-4
加载 19 能,功耗 0.2410 焦耳
首页专题认证
搜索菜单我的