站内搜索: 请输入搜索关键词

当前页面: 开发资料首页 → Javascript 专题 → Javascript技术技巧大全（一）

Javascript技术技巧大全（一）

摘要: Javascript技术技巧大全（一）
<tr> <td> //各种尺寸 s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;

    //过滤数字 <input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

    //特殊用途 <input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http:
    <input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http:
    <input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
    <input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
    <input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http:
    <input type=button value=加入到频道 onclick="window.external.addChannel('http:
    <input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">

    //不缓存


    //正则匹配

    匹配中文字符的正则表达式： [\u4e00-\u9fa5]
    匹配双字节字符(包括汉字在内)：[^\x00-\xff]
    匹配空行的正则表达式：\n[\s| ]*\r
    匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
    匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
    匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
    匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
    以下是例子：
    利用正则表达式限制网页表单里的文本框输入内容：
    用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
    1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
    2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
    3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

    //消除图像工具栏
    or
    <head>

    </head>

    //无提示关闭

    function Close()
    {
    var ua=navigator.userAgent
    var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
    if(ie)
    {
    var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
    if(IEversion< 5.5)
    {
    var str = ''
    str += '    ';
    document.body.insertAdjacentHTML("beforeEnd", str);
    document.all.noTipClose.Click();
    }
    else
    {
    window.opener =null;
    window.close();
    }
    }
    else
    {
    window.close()
    }
    }

    //取得控件得绝对位置(1)

    <script language="javascript">
    function getoffset(e)
    {
    var t=e.offsetTop;
    var l=e.offsetLeft;
    while(e=e.offsetParent)
    {
    t+=e.offsetTop;
    l+=e.offsetLeft;
    }
    var rec = new Array(1);
    rec[0] = t;
    rec[1] = l;
    return rec
    }
    </script>

    //获得控件的绝对位置(2)

    oRect = obj.getBoundingClientRect();
    oRect.left
    oRect.

    //最小化,最大化,关闭





    <input type=button value=最小化 onclick=min.Click()>
    <input type=button value=最大化 onclick=max.Click()>
    <input type=button value=关闭 onclick=close.Click()>

    //光标停在文字最后

    <script language="javascript">
    function cc()
    {
    var e = event.srcElement;
    var r =e.createTextRange();
    r.moveStart('character',e.value.length);
    r.collapse(true);
    r.select();
    }
    </script>
    <input type=text name=text1 value="123" onfocus="cc()">

    //页面进入和退出的特效

    进入页面
    推出页面
    这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
    用哪种特效，取值为1-23:
    　　0 矩形缩小
    　　1 矩形扩大
    　　2 圆形缩小
    　　3 圆形扩大
    　　4 下到上刷新
    　　5 上到下刷新
    　　6 左到右刷新
    　　7 右到左刷新
    　　8 竖百叶窗
    　　9 横百叶窗
    　　10 错位横百叶窗
    　　11 错位竖百叶窗
    　　12 点扩散
    　　13 左右到中间刷新
    　　14 中间到左右刷新
    　　15 中间到上下
    　　16 上下到中间
    　　17 右下到左上
    　　18 右上到左下
    　　19 左上到右下
    　　20 左下到右上
    　　21 横条
    　　22 竖条    </td> </tr> </table>
    ↑返回目录
    前一篇: Javascript技术技巧大全（二）
    后一篇: 选择最快的服务器访问你的站点