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回调函数

8. 

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或js

wz.method.loadCssOrJs({

            id: "locojoy_menu",//默认3tjs或3tcss

            url: data.cssUrl

        });

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

clearSelect()


28.//元素透明

   //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/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",

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

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

                             ], true);



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

        }

    });