网站部开发文档

jweb使用说明

wz为全局变量

其下成员变量：
wz.browser 浏览器
wz.method 公共方法
wz.iframe 嵌入框
wz.djs_timer 倒计时
setContentGray 灰度内容
其下方法：
wz.wxShares_func() 微信分享
wz.lunbo() 轮播
wz.footer.init() 页脚
wz.crossDomain() 上传文件的跨域请求
wz.intelligent.init() 适配插件方法跟适配插件实现的功能一样以方法形式方便调用和适配完成回调

1.browser

成员变量:versions,language 方法：IsPC(),IsH5browser() //IE内核
trident
//IE7内核
trident7
//遨游
Maxthon
//opera内核
presto
//苹果、谷歌内核
webKit
//火狐浏览器
firefox
//火狐内核
gecko
//Safari浏览器
safari
//是否为移动终端
mobile
//ios终端
ios
//android终端或者uc浏览器
android
//是否为iPhone或者QQHD浏览器
iPhone
//是否iPad
iPad
//是否web应该程序，没有头部与底部
webApp
//是否微信
weixin
//是否QQ
qq

第二版本，可实时判断设备
wz.browser.versions_v2.ios()
//是否为支持H5的浏览器
IsH5browser()

2.method

成员变量：checkInfo
方法： //百分比方法
//obj 父容器对象
//val 比值50/100或50%
//valshow 是否显示进度文字 bool
//color 比值条颜色
//radius 是否为圆角
//callback

1.baifenbi:function(obj,val,valshow,color,radius,callback)

判断文本内容IsNum,IsPhone,IsMail,IsTel,UserName

新增IsCN，IsIDCard，IsUrl，IsImg，IsImgBase64

2.checkInfo1(txt).IsNum

//判断是否为IP地址是返回true

3.checkIP: function (ip)

//返回域名判断虚拟路径返回false 反之true

4.checkPathUrl: function (localhost)

//获取某月有几天 1-12月

//year 年

//month 月

5.getMonthDays: function (year, month)

//获取站点域名

6.getRootPath: function ()

//获取星期几 date格式 2015/09/22

7.getWeekDay: function (date)

//返回顶部

//对象ID

//startcallback，gobackTop回调函数

wz.method.gobackTop.init({

obj: $(".gobackdiv"),

startcallback: function () {

gobackTop: function () {

}

});

//检查是否点了除当前对象以外的地方

//id 对象

//callback 回调函数

9.IsClickOther: function (id, callback)

//检查是否在限制的字符内

//str 限制字符或字符串

//charList 要检查的字符串

10.IsStrInLimitChars: function (str, charList)

//判断是否为某页（网页地址）

//str 例子：index.html 可判断页面是否为index.html

11.IsWhichPage: function (str)

//检测横屏竖屏

//obj 自定义遮盖层对象

12.orientation: function (obj)

//初始化手机页面

//fulldiv 高度跟显示屏一样高的父容器

//notouchmove 页面是否固定 bool类型

13.page_code: function (fulldiv, notouchmove)

//封装打字机效果

//obj 父容器对象

//font 要打印出的文字

//speed 速率

//callback 打印结束回调函数

14.print_font: function (obj, font, speed, callback)

//返回随机数不包括开始和结束值

//start 开始数

//end 结束数

15.random: function (start, end)

//获取页面参数

//paras 参数标识

16.request: function (paras)

//返回字符串中所有数字

//str 例子：a32b2 返回322

17.returNum: function (str)

//字符长度限制，超出添加省略号

//obj 对象

//length 长度

18.subString: function (obj, length)

//倒数60s(一般用于验证码)

//btn_obj按钮

//num自定义秒数

//cover_obj按钮锁遮罩对象隐现

//stop_time停止时间当同时多个按钮调用本方法需设置一般值为:(num*调用次数)

//callback 倒计时结束回调函数

19.timerYzm: function (btn_obj, num, cover_obj, stop_time, callback)

//倒数60s(一般用于验证码)暂不支持多线程同时执行

//num自定义秒数

//begincallback 开始执行回调

//callback 执行过程回调

//overtimer 执行结束回调

20.wz.method.timerYzm_v2.init($("#btn1"), {

num: 10,

usercount: 2,

begincallback: function () {

callback: function (e) {

console.log(e);

overtimer: function () {

console.log("1结束");

}

});

//换算成手机大小数据

21.reMobileNum(num)

//checkJs 检查js域名数组例子var myCheck = ["update2.locojoy.com", "192.168.11.38"];

//非数组中域名的第三方引用全部自动删除，参数为数组对象

22.checkJs(checkPath)

//格式化浮点类型数字

//num 原数据

//pos 保留几位小数

23.fomatFloat: function (num, pos) {

24.addBtnCode

obj jquery对象

type 按钮功能类型

1.default 默认样式（提示（针对下载按钮，对分享未作处理）没有图片提示， browser和share类型才有图片提示）

2.download 下载按钮类别样式（提示到浏览器中打开下载）

3.share 分享按钮类别（提示分享一般用于分享按钮提示，自动屏蔽下载链接）

ios ios链接

android android链接

wp wp链接

pc pc链接

other 其他

以上链接支持：文本、链接、越狱链接

img 属性url width height

img为自定提示图片在default下不生效支持：一般地址和base64地址宽高：图片真实宽高用于定位和适配

callback 回调函数返回obj，type，navigator，msg

obj:事件处理对象，已转为jquery对象

type:类型

navigator:操作平台

msg:提示信息，返回link各属性值

调用示例：

wz.method.addBtnCode({

obj: $(".divlink1"),

type: "share",//default download share

ios: "http://www.baidu.com",

android: "http://www.sina.com",

wp: "itms-services:///?action=download-manifest&url=https://raw.githubusercontent.com/wangjiudong/mtg/master/download20160604_wai.plist",

pc: "敬请期待",

other:"敬请期待",

//img: { "url": imgdatabase64test, "width": 428, "height": 495 },//注销本行会自动随机出默认提示图片，如需要自定义图片时启用本行

callback: function (data) {

console.log(data);

}

});

25.textIndent(obj)

//缩进0.5em obj对象

26.//加载外部css

wz.method.loadCss({

id: "",//默认3tcss

url: "",

callback:function(e){}//加载完成回调

});

27.//加载外部js

wz.method.loadJs({

id: "",//默认3tjs

url: "",

callback:function(e){}//加载完成回调

});

28.//禁止双击选中文字

clearSelect()

29.//元素透明

//obj jquery对象

//num 透明数值 0-99

wz.method.opacity(obj, num)

3.iframe

成员变量：无

方法：load() get()

//处理iframe 默认内容呈现

//obj_str iframe的id

1.load: function (obj_str)

//子页面获取iframe对象

//id_str要获取的iframe的ID

2.get: function (id_str)

4.djs_timer

方法：init()

//startimer开始时间基本格式2016/01/12 01:11:00

//endtimer结束时间基本格式2016/01/12 01:12:00

//loop 速率默认1000ms 如无特殊需要，性能问题自己把控，程序内已对其有部分限制和禁止

//msallow 允许loop低于1000ms执行 bool类型

//回调函数 callback 和overtimer

//begincallback 开始执行的回调函数

//callback 返回实时时间json对象

//overtimer 整个倒计时结束

例： wz.djs_timer.init({

endtimer: "2020/06/29 17:40:00",

callback: function (data) {

console.log(data);

overtimer: function (data) {

console.log("over");

}

});

5.lunbo方法

//obj最外框父容器对象

//data[{"href":"","src":""}]

//loop自动轮播启动时间

//IsHavePoint是否有导航小点true/false

//autoplay自动轮播true/false

//pointColor单个导航选中颜色 *可选属性

//pointBgColor单个导航背景颜色 *可选属性

//lazyload是否启用图片懒加载true/false，配合lazyload.js使用 *可选属性

//callback回调函数，自定义导航样式

lunbo: function (obj, udata, loop, IsHavePoint, autoplay, pointColor, pointBgColor, lazyload, cssCallback)

wz.lunbo($(".lunbo"), [

{ "href": "http://www.google.com", "src": "http://192.168.11.38/locojoy_web/ILeVIP/images/banner2.jpg" },

{ "href": "http://www.baidu.com", "src": "http://192.168.11.38/locojoy_web/ILeVIP/images/banner1.jpg" }

], 3000, true, true, "#0ff", "#fff", false, function () {

//dosth 可美化样式等

});

6.wxShares_func方法

//微信分享 difference（朋友圈，发给朋友，QQ，微博）值（false或空）和true

wxShares_func: function (title, desc, link, imgUrl, difference)

注意：difference 属性为bool类型一般情况四种分享方式标题描述等内容一样，传入false或空即可，如果不同的情况下可以通过数组方式传入，此方法需调用4.微信api接口

例:一般情况

wz.wxShares_func("标题", "描述", "http://mt.locojoy.com/qiaqia2016/index.html", "http://mt.locojoy.com/qiaqia2016/images/icon_mt.png", false);

非一般情况

顺序朋友圈，发给朋友，QQ，微博

wz.wxShares_func(["标题1", "标题2", "标题3", "标题4"],

["描述1", "描述2", "描述3", "描述4"],

[

"http://mt.locojoy.com/qiaqia2016/index.html",

"http://mt.locojoy.com/qiaqia2016/index.html"

[

"http://mt.locojoy.com/qiaqia2016/images/icon_mt.png",

"http://mt.locojoy.com/qiaqia2016/images/icon_mt.png"

], true);

wz.wxShares_func_v2({
                forFriendGroup: {
                    title: "标题forFriendGroup",
                    link: "http://testweb.locojoy.com/dingzhaochen/share/",
                    imgUrl: "http://resource.locojoy.com/cms/daowang/daowang_pjh/images/icon.png",
                    trigger: function (data) {
                    },
                    success: function (data) {
                    },
                    cancel: function (data) {
                    },
                    fail: function (data) {
                    }
                },
                forFriend: {
                    title: "标题forFriend",
                    desc: "描述1",
                    link: "",
                    imgUrl: "",
                    trigger: function (data) {
                    },
                    success: function (data) {
                    },
                    cancel: function (data) {
                    },
                    fail: function (data) {
                    }
                },
                forQQ: {
                    title: "标题forQQ",
                    desc: "描述2",
                    link: "",
                    imgUrl: "",
                    trigger: function (data) {
                    },
                    success: function (data) {
                    },
                    cancel: function (data) {
                    },
                    fail: function (data) {
                    }
                },
                forWeiBo: {
                    title: "标题forWeiBo",
                    desc: "描述3",
                    link: "",
                    imgUrl: "",
                    trigger: function (data) {
                    },
                    success: function (data) {
                    },
                    cancel: function (data) {
                    },
                    fail: function (data) {
                    }
                },
                forQZone: {
                    title: "标题forQZone",
                    desc: "描述4",
                    link: "",
                    imgUrl: "",
                    trigger: function (data) {
                    },
                    success: function (data) {
                    },
                    cancel: function (data) {
                    },
                    fail: function (data) {
                    }
                }
           });

7.setContentGray

方法：grayscale()

//灰度方法调用方法wz.setContentGray.grayscale(content)

wz.setContentGray.grayscale(content)

8.footer和head

//公共页脚

wz.footer.init({

obj:$("body:eq(0)"),//添加到的位置

jwwlink: "", //京网文链接

imgUrl: "http://update2.locojoy.com/wz/images/icon_jww.png", //京网文图标链接

bgColor: "#D7D7D7", //背景颜色

color: "#535353", //字体颜色

company: "北京乐动卓越科技有限公司", //公司名

jwwfont: "京网文[2013]0539-166号", //京网文图标后文字

jzjhlink: "http://www.locojoy.com/jzjh/jzjh.html", //家长监护

fwxylink: "http://www.locojoy.com/jzjh/sertcp.html", //服务协议

acolor: "#0085d9", //a链接颜色

customCss: function (obj) {//自定义样式

obj.css({ "margin-top": "30px" });

}

});

//公共页眉

//append_obj 绑定位置默认body最顶部

//ewmUrl 自定义二维码地址

//cssUrl 自定义样式表地址

//btncallback 按钮部分位置回调

//maincallback 主结构位置回调

//opacity 透明度控制值0-100

//最快捷调用示例

wz.head();

9.crossDomain

//适用范围：主域名相同locojoy.com 即可

//说明：要求后台建立一个与接口同源的空白中转页并声明domain与跨域页的domain一致，后台支撑再建立一个状态返回页页面标题头为result,一般用于上传文件类型，参数过长的请求，例如上传图片base64过长

//domain 域名

//action 接口

//bridge 桥接页面地址（此页面只许声明 domain=当前域名）

//data 参数对象形式例子：{ "token": token, "datastr": datastr }

//回调方法：loading和success

//success里返回了所有情况，包括服务器返回的错误信息等

//调用方式：

wz.crossDomain.init({

domain: domain,

action: action,

bridge: bridge,

data: data,

loading: function () {

console.log("加载中,请稍后....");

success: function (data) {

console.log(data);

}

});

10.intelligent

//手机适配功能

//size 适配尺寸默认$("#mobile_css").attr("href")

//url css地址默认640

//callback 适配结束回调

wz.intelligent.init({

callback: function () {

//do sth

}

});

11.Intelligent_v2

//手机适配功能支持横屏参照尺寸横板1472*1104（安全区域：1472*828）竖版768*1024（安全区域：576*1024）

//size 适配尺寸默认$("#mobile_css").attr("href")

//url css地址默认640

//autoScreen 横竖版7设置 ["height", "width"] 默认竖版一般不用重写

//callback 适配结束回调

wz.intelligent_v2.init({

callback: function () {

do sth

}

});