• div 分栏布局

    发表于 2016-12-16 11:39:37   |   下载附件
    分栏布局TAB布局CSS3分栏

    手机端CSS3 分栏布局代码样式实例,效果图:

    可以放弃 float left 布局方式

  • 内容滚动到底部了没有的JS判断

    发表于 2016-12-09 17:13:00   |   下载附件
    页面底部div底部
    // 设置的显示区高度
    var wHeight = $(this).height();
    // 实际的容器高度
    var cHeight = this.scrollHeight;
    // 滚动了多少高度
    var sctop = this.scrollTop;
    // 得出是否到底部了
    if(cHeight - sctop <= wHeight){
    	console.log('到底了~');
    }
  • ajax 模板

    发表于 2016-12-06 14:12:01   |   下载附件
    ajax
    $.ajax({
        cache:false,
        type:"post",
        url:"",
        data:{},
        dataType:"json",
        success:function(data){
    
        },
        error:function(){}
    });
  • JS 字符串大小写转换

    发表于 2016-12-06 13:50:34   |   下载附件
    大小写转换字符串toUpperCasetoLowerCase

    toUpperCase 方法
    返回一个字符串,该字符串中的所有字母都被转化为大写字母

    sn.toUpperCase()


    toLowerCase 方法

    返回一个字符串,该字符串中的字母被转换为小写字母

    sn.toLowerCase()


  • 动态加载 javascript 文件,完成后执行回调

    发表于 2016-11-23 17:05:04   |   下载附件
    动态加载JS文件addscript动态插入 javascript 文件加载JSjs加载
    /*
     * 用途:动态加载 javascript 文件
     * @param {string} [url]
     * @param {string} [scriptID]
     * @param {string} [callback] 回调函数
     * @param {string} [wrapperID] 插入到指定位置
     */
    addScript = function(url, scriptID, callback, wrapperID) {
    
        // 定义变量
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.id = scriptID ? scriptID : "";
    
        // 绑定回调事件
        var supportOnload = "onload" in script;
        if (supportOnload) {
            script.onload = function() {
                if (callback) {
                    callback();
                }
            };
            script.onerror = function() {
                alert( "javascript loading error : " + url );
            }
        } else {
            script.onreadystatechange = function() {
                if (/loaded|complete/.test(script.readyState) && callback) {
                    callback();
                }
            }
        }
    
        // 插入 script
        script.src = url + (url.indexOf('?') < 0 ? '?' : '&') + 'rand=' + Math.floor(Math.random() * 1000);
        if (wrapperID) {
            document.getElementById(wrapperID).appendChild(script);
        } else {
            head.appendChild(script);
        }
    
    };
  • 动态加载 link css文件

    发表于 2016-11-23 17:03:53   |   下载附件
    /*
     * 用途:动态加载 link css文件
     * @param {string} [url] css样式地址
     * @param {string} [cssID] css link ID
     * @param {string} [target] 是否添加到父页面
     */
    var addCssLink = function(url, cssID, target) {
        // 没有此链接,动态加载
        if (url) {
            var link = document.createElement('link');
            link.id = cssID ? cssID : "";
            link.href = url + (url.indexOf('?') < 0 ? '?' : '&') + 'rand=' + Math.floor(Math.random() * 1000);
            link.rel = 'stylesheet';
            link.type = 'text/css';
            if (target == 'parent') {
                window.parent.document.getElementsByTagName("HEAD").item(0).appendChild(link);
            } else {
                document.getElementsByTagName("HEAD").item(0).appendChild(link);
            }
        }
    } 
  • 基于时间戳生成20位全局唯一标识(每一毫秒只对应一个唯一的标识,适用于生成DOM节点ID)

    发表于 2016-11-23 17:02:30   |   下载附件
    随机ID生成randID
    /* 
     * 用途:基于时间戳生成20位全局唯一标识(每一毫秒只对应一个唯一的标识,适用于生成DOM节点ID) 
     */
    HR.tool.randID = function(len) {
        var timestamp = new Date().getTime() || 0,
            chars = 'abcdefghijklmnopqrstuvwxyz',
            uuid = '';
        this.timestamp = this.timestamp == timestamp ? timestamp + 1 : timestamp;
        timestamp = '' + this.timestamp;
        len = len || 20;
        for (var i = 0; i < len; i++) {
            var k = timestamp.charAt(i);
            if (k == '') {
                k = Math.floor(Math.random() * 26);
            }
            uuid += chars.charAt(k) || 'x';
        }
        return uuid;
    };
  • JS事件公用类库 摘录

    发表于 2016-11-23 16:59:04   |   下载附件
    JS事件event
    HR.event.hgetEvent = function() {
        if (document.all) return window.event;
        func = HR.event.hgetEvent.caller;
        while (func != null) {
            var arg0 = func.arguments[0];
            if (arg0) {
                if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
                    return arg0;
                }
            }
            func = func.caller;
        }
        return null;
    };
  • 选中输入框内的内容

    发表于 2016-11-23 16:52:54   |   下载附件
    设置光标位置选中输入框内的内容
    /** 
     * 选中输入框内的内容
     * @param inputobj 对象或对象ID
     * @param selectionStart 开始处
     * @param selectionEnd 结束处
     */
    var setSelection = function(inputobj, selectionStart, selectionEnd) {
    	input = document.getElementById(inputobj);
    	if (!input) return false;
    	if (input.createTextRange) {
    		var range = input.createTextRange();
    		range.collapse(true);
    		range.moveEnd('character', selectionEnd);
    		range.moveStart('character', selectionStart);
    		range.select();
    	} else if (input.setSelectionRange) {
    		input.focus();
    		input.setSelectionRange(selectionStart, selectionEnd);
    	}
    };
  • 对象类型检测

    发表于 2016-11-23 16:36:37   |   下载附件
    对象类型字符串
    /** 
     * 获取对象类型
     *@param o 对象
     *@returns str 对象类型字符串
     */
    getObjectType = function(o) {
        var typestr = Object.prototype.toString.call(o);
        if (typestr == "[object String]")
            return 'string';
        else if (typestr == "[object Array]")
            return 'array';
        else if (typestr == "[object Number]")
            return 'number';
        else if (typestr == "[object Object]")
            return 'object';
        else if (typestr == "[object Function]")
            return 'function';
        else if (typestr == "[object Boolean]")
            return 'bool';
        else
            return '';
    };
每页显示10条,当前为第11页,总页数为19页