javascript一些不错的函数脚本代码_javascript技巧

计算字符长度的js函数

复制代码 代码如下:

function LEN(str){
var i,sum=0;
for(i=0;i<str.length;i++){
if((str.charCodeAt(i)>=0) && (str.charCodeAt(i)<=255))
sum=sum+1;
else
sum=sum+2;
}
return sum;
}

去字符中前后的空格的js函数

复制代码 代码如下:

function TRIM(value){return value.replace(/^\s*/,'').replace(/\s*$/,''); }

图片自适应大小函数代码

复制代码 代码如下:

function imgAutoFit(imgObj,maxWidth,maxHeight){
    var heightWidth;
    var widthHeight;
    heightWidth = imgObj.offsetHeight/imgObj.offsetWidth;
    widthHeight = imgObj.offsetWidth/imgObj.offsetHeight;
    if(imgObj.offsetWidth>maxWidth){
        imgObj.width = maxWidth;
        imgObj.height = maxWidth*heightWidth;
    }
    if(imgObj.offsetHeight>maxHeight){
        imgObj.height = maxHeight;
        imgObj.width = maxHeight*widthHeight;
    }
}

function checkTagIsHave(s,t){
    var re=new RegExp("<\\/?"+t+"(?:(?:\\s|\\/)(?:\\n|.)*?)?>","ig");
    var r=re.test(s);
    re=null;
    return r;
}

function imgUploadFit(){
    var u = document.getElementsByName("imgUploadName");
    if(0==u.length) return;
    for(var i=0;i<u.length;i++){
        //imgAutoFit(u[i],560,560);
        imgAutoFit(u[i],320,320);
        u[i].onclick = function(){window.open(this.src);}
        u[i].style.cursor = "pointer";
        u[i].title = "点击看原图";
    }
}

function inputContent(theQ,oldContent,re,p){
    var o,oA=["msgframeamend","pingJiaFrame","touSuFrame"];
    for(o in oA){
        if($(oA[o])){
            theQ.editIframe(oA[o]);
            if("msgframeamend"==oA[o]) setTimeout(function(){$(oA[o]).contentWindow.document.body.innerHTML = oldContent.replace(re,"")+p[1];},100);
            return;
        }
    }
}

function checkCommon(n,v,t){
    var s = t?"补充提问":"回复内容";
    var o=document.getElementById(n).contentWindow;
    if("msgframereply" == n){
        if(v == ""){
            alert("请填写"+s+" !");
            o.focus();
            return false;
        }
    }
    if(""==v.replace(/<\/*?(?:img|p|pre|br)(?:(?:\s|\/)(?:\n|.)*?)?>|\s| /ig,"")&&checkTagIsHave(v,"img")){
        alert("针对图片,请附上一些说明性的文字!");
        o.focus();
        return false;
    }
    if(10000<LEN(v)){
        alert(s+"超过5000字数限制 !");
        o.focus();
        return false;
    }
    return true;
}

时间: 2024-10-26 09:20:14

javascript一些不错的函数脚本代码_javascript技巧的相关文章

javascript trim 去空格函数实现代码_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 写成函数可以这样: 复制代码 代码如下: <script type="text/javascript"> function trim(str){ //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); } function ltrim(str){ //删除左边的空格 return str.replace(/(^\s*)/g,"&quo

Javascript中的var_dump函数实现代码_javascript技巧

发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可. 复制代码 代码如下: dump(value, [showTypes]) @ param value (Any) value to dump @ param [showTypes] (Boolean) optional to display each key/value's type @

javascript键盘事件全面控制脚本代码_javascript技巧

Keyboard Event Handler Lab onKeyDown onKeyPress onKeyUp Key Codes 0 0 0 Char Codes (IE5/Mac; NN6) 0 0 0 Modifier Keys Shift Shift Shift Ctrl Ctrl Ctrl Alt Alt Alt [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

最短的javascript:地址栏载入脚本代码_javascript技巧

不过脚本比较长的时候,需要复制密密麻麻一大段到地址栏里,显得很不美观,而且脚本修改起来也很不容易.因此一般先把脚本写在单独一个文件里,然后用javascript: 的形式动态载入脚本到页面中.不少网页插件都是用这个方法载入. 平时,我们用最简单的代码实现动态载入: 复制代码 代码如下: javascript:var o=document.createElement('script');o.src='...';document.body.appendChild(o);void(0) 当然,这对于载

纯JavaScript手写图片轮播代码_javascript技巧

废话不多说了,直接给大家贴js代码实现手写图片轮播的代码了,代码非常简单,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js图片轮播切换</title> <style type="text/css"> .imgCon{width: 400px;height: 400px;border: 2p

JavaScript实现上下浮动的窗口效果代码_javascript技巧

本文实例讲述了JavaScript实现上下浮动的窗口效果代码.分享给大家供大家参考.具体如下: 这里介绍使用JavaScript实现上下浮动的窗口,在垂直方向上漂浮,代码内的JS函数有超丰富的浮动层定义功能,像浮动层位置高度.初始化事件触发器.设定浮动层为可见,用style.left设定浮动层左边距.浮动层的运动速度等,还有更多的设置选项都能实现. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-up-down-float-move-win

JavaScript实现的简单烟花特效代码_javascript技巧

本文实例讲述了JavaScript实现的简单烟花特效代码.分享给大家供大家参考,具体如下: 这是一款JavaScript烟花特效,过年的时候放到你的网页上祝贺大家牛年大吉吧,是不是很不错? 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-yh-explode-style-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

JavaScript控制图片360度旋转代码_javascript技巧

JavaScript控制图片360度旋转代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JavaScript实现的背景自动变色代码_javascript技巧

本文实例讲述了JavaScript实现的背景自动变色代码.分享给大家供大家参考,具体如下: 这里演示JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值.一定时间内自动切换网页背景颜色. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tra