用户操作
[留言]  [发消息]  [加为好友] 
订阅我的博客
XML聚合    FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
sonicjam的公告
文章分类
    存档

    原创  常用javascript 收藏

    常用javascript
    我将我在项目中常用的js总结出来

    1.使文本框输入长度不超过摸个长度
    <input type = 'text' maxlength="50"/>
    maxlength="50"使它只能输入50个字符

    2.判断下拉框是否有选择
    下拉框.selectedIndex == 0

    3.取下拉框选中值
    addcontent.selectBciqName.options[j].value;
    4.退回上一页
    javascript:history.go(-1);
    5.截取字符串
    var fldid = fldid.substr(0,fldid.length - 1);第一个参数重第几个字符串开始,第二个参数截取几多个字符
    6.动态生成按钮
    var obj =parent.f4.document.all.item('buttondiv');
    var str = "";
    var addbutton = '<input type="button"  class="button"   onClick="jkdsh(1);" value="&nbsp;增加&nbsp;">&nbsp;&nbsp;';
    str +=addbutton;
    obj.innerHTML = str;


    <div id="buttondiv"><!--此div内放置button--> 
    </div>

    7.一个文本输入另外一个跟着变
    <FORM name="src">
    <input type="text" name="BadList_NO1" maxlength="9" size=10  onKeyUp="putC(this)"><input type="text" name="BadList_NO2" maxlength="9" size=10>
    </form>

    --方法
    function putC(obj){
     src.BadList_NO2.value = obj.value;
    }
    8.对父窗体操作
    parent:
    该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。

     parent.window.close();//退出

    附:Windwo对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系
    Windwo对象→Parent对象→Frame对象→Document对象→Form对象,如下:
    parent.frame1.document.forms[0].elements[0].value;

    9.遍历列表多选
    var list = parent.body.boxForm;//列表
     var e;
     var fldid = "";
     
     for(var i=0;i<list.elements.length;i++){
       e = list.elements[i];
     
      if (e.name == "check"){
        if (e.checked){
        fldid = fldid + "'" + e.value + "'";
        fldid = fldid + ",";
        }
      }
     } 

    10.表单提交后在那个目标显示方式(适合于复合页面)
    target值为 __blank新窗口  __parent 父级窗口 ___self 当前窗口 ___top 顶级窗口

    11.列表的全选框逻辑。
    function CheckAll(){
      for (var i=0;i<document.列表表单名称.elements.length;i++){
        var e = document.list.elements[i];
     
        if (e.name == 'check1'){//'check1'是列表复选框名称(全部都同一个名字)
           e.checked = document.表头表单名称.表头复选框名.checked;
        }
      }
    }

    12.下拉框显示符合条件的项
    function init(var tradeMode){//显示贸易方式
      var size = 下拉框名称.length;
     
      for(i=0;i<size;i++){
       if(下拉框名称.options[i].text ==tradeMode){
        下拉框名称.selectedIndex = i;
       }
      }
     }
     
    13.弹出对话框选择.选择yes or no
    if(confirm("提示信息")){
     dosomething;
    }
    else{
     dosomething;
    }

    14.调试
    ie 调戏关键字debugger;

    15.js获得当前日期
    var sysTime=new Date();

    16.js 取整函数
    int = Math.floor(n);
    int = Math.ceil(n);

    17.js弹除输入框
    var vCount=prompt("请输入分单次数","1");

     18.js改变页面的location
    parent.f2.location = "<%=fullPath%><%=utb.getRequestServletUrl()%>?"
              +"<%=utb.getRequiredHtmlParamsNPID("", "impAgreeOp")%>"
           +"&BadList_NO1="+src.BadList_NO3.value
           +"&BadList_NO2="+src.BadList_NO4.value
           +"&USED_DATE1="+src.USED_DATE1.value
           +"&USED_DATE2="+src.USED_DATE2.value
           +"&RECEIVE_STATUS="+src.RECEIVE_STATUS.value
           +"&opFlag=15";
          
    19.文本框空格键触发
    <input type="text" onKeyDown="if(event.keyCode==13)event.keyCode=9" onKeyUp="方法名()">
    onKeyUp是输入后触发

    20.获取下拉选择框的元描总数
    表单.下拉列表控件名.length;

    21.下拉框显示第几项
    表单.下拉列表控件名.selectedIndex = 1;

    22.
    js获得日期时间
    var d = new Date();
    var year = d.getYear();
    var month = d.getMonth()+1;
    var date = d.getDate();
    var day = d.getDay();
    var hours = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    var ms = d.getMilliseconds();

    alert(year+" "+month+" "+day+" "+ hour+" "+minutes+" "+seconds+" "+ms);

    注:
    year:完整的年份,比如,1976(而不是 76)。
    month :表示的月份,是从 0 到 11 之间的整数(1月至12月),当前月要加1。
    date:表示日期,是从 1 到 31 之间的整数。
    day :表格星期,从0 到 6之间的整数。
    hours:表示小时,是从 0 到 23 的整数(午夜到 11pm)。
    minutes:表示分钟,是从 0 到 59 的整数。
    seconds:表示秒钟,是从 0 到 59 的整数。
    ms:表示毫秒,是从 0 到 999 的整数。
     
    23设置控件是否可用
    控件的名称.disabled = true;//表示不可以用
    控件的名称.disabled = false;//表示可以用

    24改变文本框的背景色
    恐件名的.style.backgroundColor = "颜色";
    formcontent.TOTAL_PRICE.style.backgroundColor = "#CCCCCC";

    25 四写五入
    Math.round((值) * 100)/100;--剩以10n次方表示保留多少位小数

    26 判断单选按钮选中的值
     var rPort = document.getElementsByName("IsFree");
     var choseValue;
     
     for(var i=0;i<rPort.length;i++){
      if(rPort[i].checked){
       choseValue = rPort[i].value;
      }
     }

    27 .刷新页面的几种方法:
    1    history.go(0)
    2    location.reload()
    3    location=location
    4    location.assign(location)
    5    document.execCommand('Refresh')
    6    window.navigate(location)
    7    location.replace(location)
    8    document.URL=location.href


    28 窗体返回值
    window.returnValue = "值";

    29 js类型转换
    var str = '100';
        var num = Number(100);
        alert(typeof(num) + ': ' + num);
        var obj = Object(str);
        alert(typeof(obj) + ': ' + obj);
        var bool = Boolean(str);
        alert(typeof(bool) + ': ' + bool);

        var num = 100;
        var str = String(num);
        alert(typeof(str) + ': ' + str);
        var bool = Boolean(num);
        alert(typeof(bool) + ': ' + bool);
        var obj = Object(num);
        alert(typeof(obj) + ': ' + obj);

        var bool = true;
        var str = String(bool);
        alert(typeof(str) + ': ' + str);
        var num = Number(bool);
        alert(typeof(num) + ': ' + num);
        var obj = Object(bool);
        alert(typeof(obj) + ': ' + obj);

        var obj = {};
        var str = String(obj);
        alert(typeof(str) + ': ' + str);
        var num = Number(obj);
        alert(typeof(num) + ': ' + num);
        var bool = Boolean(obj);
        alert(typeof(bool) + ': ' + bool);

    30去掉页面缓存
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

    31。一个列表内容去到另外一个列表
     function moveOption(e1, e2){
      try{
       var e = e1.options[e1.selectedIndex];
       e2.options.add(new Option(e.text, e.value));
       e1.options.remove(e1.selectedIndex);
      }   catch(e){}
     }
     
     function moveAll(e1, e2){
       var e;
      try{
       for(var i=0;i<e1.options.length;i++)
       {
         e = e1.options[i];
         e2.options.add(new Option(e.text, e.value));
        
       }
        for(var i=e1.options.length;i>=0;i--)
       {
        e1.options.remove(i); 
       }
       }
        catch(e){}
     }

    32。分割字符串
     var arr = source.split(";");
     
      for(var i=0;i<arr.length;i++){
       //dosonething
      }

    发表于 @ 2008年01月18日 11:23:00 | 评论( loading... ) | 编辑| 举报| 收藏

    旧一篇:ASP导出固定格式的EXCEL代码 | 新一篇:如何按字段删除重复记录

    • 发表评论
    • 评论内容:
    •  
    Copyright © sonicjam
    Powered by CSDN Blog