苹果cms教程

苹果CMS V10内置JS函数详解 模板开发常用方法大全

发布时间:2024-12-01共20人阅读

一、函数文件说明

苹果CMS V10 前台所有通用交互逻辑均封装在系统自带的 home.js 文件中,无需开发者自行编写底层交互代码。模板开发可直接调用全局 MAC 内置方法,快速实现页面跳转、数据缓存、用户功能、评分点赞、搜索联想、懒加载等常见效果,大幅提升模板开发效率。

二、基础页面与浏览器信息函数

用于获取当前页面参数、浏览器环境、页面跳转与基础网页工具功能。

MAC.Url                // 获取当前网页完整地址
MAC.Title              // 获取当前网页标题
MAC.UserAgent          // 识别获取当前浏览器类型
MAC.Copy(s)            // 将指定内容复制到系统剪切板
MAC.Home(obj,url)      // 将指定网址设置为浏览器主页
MAC.Fav(url,name)      // 将指定网址加入浏览器收藏夹
MAC.Open(w,h,u)        // 自定义宽高弹出网页弹窗
MAC.GoBack()           // 返回上一级浏览页面
MAC.Desktop()          // 网页快捷方式保存到桌面

三、Cookie 操作函数

全站统一 Cookie 读写删除方法,适用于记忆用户状态、缓存浏览数据、记录页面配置等场景。

MAC.Cookie.Set(name,val,day)  // 设置Cookie,支持自定义过期天数
MAC.Cookie.Get(name)          // 根据名称读取对应Cookie值
MAC.Cookie.Del(name)          // 根据名称删除指定Cookie

四、图片懒加载与二维码函数

专为图片资源优化与二维码生成设计,适配图片站点加载优化、站内二维码展示需求。

MAC.Qrcode()                  // 自动替换 class="mac_qrcode" 元素为当前页面二维码
MAC.Image.Lazyload.Show()     // 全局异步懒加载页面所有图片
MAC.Image.Lazyload.Box(id)    // 按需加载指定ID容器内的图片资源

五、页面组件初始化函数

针对页面分页、验证码、点击量、评分、顶踩等固定组件自动绑定事件,无需手动写交互逻辑。

MAC.Verify.Init()             // 自动为 class="mac_verify" 输入框绑定图片验证码
MAC.PageGo()                  // 为 class="mac_page_go" 按钮绑定分页跳转事件
MAC.Hits()                    // 自动更新 class="mac_hits" 元素的内容点击量
MAC.Score().Init()            // 初始化 class="mac_score" 普通评分插件
MAC.Star().Init()             // 初始化 class="mac_star" 星星评分插件
MAC.Digg.Init()               // 为 class="digg_link" 绑定顶踩点赞点击事件

六、搜索与联想功能函数

实现站内搜索、关键词联想下拉提示功能,多用于首页搜索框、全站搜索模块开发。

MAC.Search().Init()           // 绑定 class="mac_search" 搜索按钮跳转事件
MAC.Suggest().Init()          // 为 class="mac_wd" 输入框开启搜索联想下拉功能

七、用户中心与记录类函数

涵盖浏览记录、用户行为日志、登录弹窗、收藏点播下载等会员相关交互逻辑。

MAC.History().Init()          // 初始化 class="mac_history" 浏览记录悬浮展示
MAC.Ulog().Init()             // 初始化用户行为日志(浏览、收藏、想看、点播、下载)
MAC.User().Init()             // 初始化无刷新登录、用户信息弹窗展示

八、留言、评论与弹窗工具函数

适配全站留言板、评论区、消息弹窗、广告占位等交互场景。

MAC.Gbook().Init()            // 初始化留言本输入与提交事件
MAC.Comment()                 // 绑定全站评论区相关交互逻辑
MAC.Pop().Show()              // 调用系统通用弹窗层插件
MAC.AdsWrap()                 // 输出广告占位符结构
MAC.Css()                     // 动态加载外部CSS样式文件

九、开发使用要点

所有内置函数均依托固定 class 类名进行绑定,模板开发时只需给对应 HTML 标签配置系统指定类名,无需额外编写 JS 代码即可自动生效。合理运用内置函数可以精简模板代码、统一全站交互风格,同时保障模板适配官方程序内核,避免二次开发功能冲突。苹果CMS模板网开发的各类模板均基于这套原生JS函数开发,兼容性与稳定性更强。

相关标签