js,jQuery脚本收藏

  1.获取滚动条位置：

    

//滚动条位置
function  ScollPostion() {
        var t, l, w, h;
        if (document.documentElement && document.documentElement.scrollTop) {
            t = document.documentElement.scrollTop;
            l = document.documentElement.scrollLeft;
            w = document.documentElement.scrollWidth;
            h = document.documentElement.scrollHeight;
        } else if (document.body) {
            t = document.body.scrollTop;
            l = document.body.scrollLeft;
            w = document.body.scrollWidth;
            h = document.body.scrollHeight;
        }
        return { top: t, left: l, width: w, height: h };
    }

 

 

基本内容：

 

//在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
//在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度?
//在Opera中： 
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
//而如果没有定义W3C的标准，则
//IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
//Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
//真是一件麻烦事情，其实就开发来看，宁可少一些对象和方法，不使用最新的标准要方便许多啊。

 

//////////////////////////////////////////////////////////////////////////////////////

 

//网页可见区域宽:
document.body.clientWidth

//网页可见区域高:
document.body.clientHeight 

//网页可见区域宽:
document.body.offsetWidth(包括边线的宽) 

//网页可见区域高:
document.body.offsetHeight(包括边线的宽) 

//网页正文全文宽:
document.body.scrollWidth 

//网页正文全文高:
document.body.scrollHeight 

//网页被卷去的高:
document.body.scrollTop 

//网页被卷去的左:
document.body.scrollLeft 

//网页正文部分上:
window.screenTop 

//网页正文部分左:
window.screenLeft 

//屏幕分辨率的高:
window.screen.height 

//屏幕分辨率的宽:
window.screen.width 

//屏幕可用工作区高度:
window.screen.availHeight 

//屏幕可用工作区宽度:
window.screen.availWidth 

 2、jQuery 弹出警告窗口

$(function () {
            $('#divUploadDoc').dialog({
                autoOpen: false,
                width: 700,
                height: 600,
                open: function (type, data) {
                    $(this).parent().appendTo("form:first");
                }
            });
            // Dialog  Link
            $('.btnShowUpload').click(function () {
                $('#divUploadDoc').dialog('open');
                return false;
            });
             $('.btnShowUpload').click(function () {
                $('#divUploadDoc').dialog('close');
                return false;
            });
}

 3、JS获取 QueryString数据

//获取QueryString的数组

    function getQueryString() {
        alert(location.search)
        var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+", "g"));

        if (result == null) {

            return "";

        }

        for (var i = 0; i < result.length; i++) {

            result[i] = result[i].substring(1);

        }
        
        return result;

    }

    //根据QueryString参数名称获取值

    function getQueryStringByName(name) {

        var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));

        if (result == null || result.length < 1) {

            return "";

        }
       
        return result[1];

    }

    //根据QueryString参数索引获取值

    function getQueryStringByIndex(index) {

        if (index == null) {

            return "";

        }

        var queryStringList = getQueryString();

        if (index >= queryStringList.length) {

            return "";

        }

        var result = queryStringList[index];

        var startIndex = result.indexOf("=") + 1;

        result = result.substring(startIndex);

        return result;

    }

 4、JQuery 根据缩略图弹出大图

//.xxx_img 这个是 class
<script type="text/javascript">
        $('.xxx_img').unbind('click').click(function () {
            if ($('#bigImgDiv').length != 0) {
                return;
            }
            var backgroudDiv = $('<div id="backgroundDiv" style="text-align: center;width:100%;height:100%;position:absolute;top:0;right:0;" />');
            var bigImgDiv = $('<div id="bigImgDiv" style="width:50%;background-color:white;text-align:right;padding:5px;display:block;border:1px black solid;margin:200px auto;" />');
            bigImgDiv.html('<a href="javascript:void(0)" style="width:100%;display:block;color:red;text-decoration:bode;font-size:2em;opacity:1.0;filter:alpha(opacity=100)" id="closeButton"><b>X</b></a>');
            var bigImg = $('<img style="width:100%" />').attr('src', $(this).attr('src'));
            bigImgDiv.append(bigImg);
            backgroudDiv.append(bigImgDiv);
            $('body').append(backgroudDiv);
            $('#closeButton').click(function () {
                $('#backgroundDiv').remove();
            });
        });
    </script>

 5、Js关闭页面（针对IE）

////关闭页面--要弹出提示（IE6及以下不弹出提示）
                ClientScript.RegisterStartupScript(Page.GetType(), "", "<script language=javascript>window.opener=null;window.close();</script>");
               
                Response.Write("<script>window.close();</script>");// 会弹出询问是否关闭

                //不弹出提示直接关闭页面
                ClientScript.RegisterStartupScript(Page.GetType(), "", "<script language=javascript>window.opener=null;window.open('','_self');window.close();</script>");

 6、JS 页面 打印

 

 //打印
        function PrintArticle() {
            var pc = document.getElementById("<%=showPicDiv.ClientID%>");
            var pw = window.open('', '', 'width=1024,height=800');
            pw.document.write('<html>');
            pw.document.write('<head>');
            pw.document.write('<title>View Print Pictogram</title>');
            pw.document.write('</head>');
            pw.document.write('<body style="page-break-after:always;">');
            pw.document.write(pc.innerHTML);
            pw.document.write('</body>');
            pw.document.write('</html>');
            pw.document.close();
            setTimeout(function () {
                pw.print();
            }, 500);
            return false;
        } 

//打印内容
 <div id="showPicDiv" runat="server">
       打印内容
 </div>
//打印按钮
<asp:Button ID="PrintButton" runat="server" OnClientClick="PrintArticle()" meta:resourcekey="PrintButton" Text="Pint Pictogram" />

 7、验证输入的是不是数字

//验证是否是正整数
function isUnsignedInteger(a) {
    var reg = /^\+?[1-9]\d*$/; //正整数
    return reg.test(a);
}

 8、获取请求参数

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

        }
        return theRequest;
    }