一些CSS/JS小技巧

CSS部分

1、文本框不可点击

.inputDisabled{ background-color: #eee;cursor: not-allowed;}

2、禁止复制粘贴

onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false"

JS部分

1、实现复选框部分选中状态

<input id="chk1" type="checkbox" />
<script>
    document.getElementById('chk1').indeterminate = true;
</script>

 2、浅拷贝　　参考：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html

function extendCopy(p) {
    var c = {};
    for (var i in p) {　　　　　　
        c[i] = p[i];　　　　
    }
    c.uber = p;
    return c;　　
}

3、深拷贝　　参考：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html

function deepCopy(p, c) {　　　　
    var c = c || {};　　　　
    for (var i in p) {　　　　　　
        if (typeof p[i] === 'object') {　　　　　　　　
            c[i] = (p[i].constructor === Array) ? [] : {};　　　　　　　　
            deepCopy(p[i], c[i]);　　　　　　
        } else {　　　　　　　　　
            c[i] = p[i];　　　　　　
        }　　　　
    }　　　　
    return c;　　
}

 4、生成lowerValue(包括)到 upperValue(包括)的随机整数。

function selectFrom(lowerValue, upperValue) {
    var choices = upperValue - lowerValue + 1;
    return Math.floor(Math.random() * choices + lowerValue);
}

 5、确定属性是原型中的属性

function hasPrototypeProperty(object, name) {
    return !object.hasOwnProperty(name) && (name in object);
}

6、跨浏览器取得窗口左边和上边的位置

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;

 7、获取地址栏参数

/*
获取页面url参数
调用方法：
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2")); 
*/
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
/*
获取页面url参数
调用方法：
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request['参数1']; 
参数2 = Request['参数2']; 

*/
function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串 
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}

 8、计算元素在页面的偏移量

//左偏移量
function getElementLeft(element) {
    var actualLeft = element.offsetLeft;
    var current = element.offsetParent;
    while (current !== null) {
        actualLeft += current.offsetLeft;
        current = current.offsetParent;
    }
    return actualLeft;
}
//上偏移量
function getElementTop(element) {
    var actualTop = element.offsetTop;
    var current = element.offsetParent;
    while (current !== null) {
        actualTop += current.offsetTop;
        current = current.offsetParent;
    }
    return actualTop;
}

 9、判断浏览器类型

function getBrowserType() {
    var ua = navigator.userAgent.toLowerCase(), browserType = "";
    if (window.ActiveXObject) {
        //Sys.ie = ua.match(/msie ([d.]+)/)[1];
        Sys.ie = ua;
        browserType = "IE";
    }
    else if (document.getBoxObjectFor) {
        //Sys.firefox = ua.match(/firefox/([d.]+)/)[1];
        Sys.firefox = ua;
        browserType = "firefox";
    }
    else if (window.MessageEvent && !document.getBoxObjectFor) {
        //Sys.chrome = ua.match(/chrome/([d.]+)/)[1];
        Sys.chrome = ua;
        browserType = "chrome";
    }
    else if (window.opera) {
        //Sys.opera = ua.match(/opera.([d.]+)/)[1];
        Sys.opera = ua;
        browserType = "opera";
    }
    else if (window.openDatabase) {
        //Sys.safari = ua.match(/version/([d.]+)/)[1];
        Sys.safari = ua;
        browserType = "safari";
    }
    return browserType;
}