JavaScript编程笔记

新中……

1、数据类型验证问题

 
Asp.Net虽然有验证控件,但是有些复杂的验证还是得传到服务器上进行,用js速度和性能都比较好
<script>
 //检查是否为任意数(实数)
function isNumeric(strNumber) {
var newPar=/^(-|/+)?/d+(/./d+)?$/
alert(newPar.test(strNumber)); }
 //检查是否为正数
function isUnsignedNumeric(strNumber) {
var newPar=/^/d+(/./d+)?$/
alert(newPar.test(strNumber)); }
//检查是否为整数
function isInteger(strInteger) {
var newPar=/^(-|/+)?/d+$/
alert(newPar.test(strInteger)); }
//检查是否为正整数
function isUnsignedInteger(strInteger) {
var newPar=/^/d+$/
alert(newPar.test(strInteger)); }
</script>

2、asp.net中用alert()实现换行问题

     asp.net中用response.Write("<script>alert('提示:/n操作出错!');</script>");无法执行。
     将字符串写成
     say="提示://n操作出错!"
     say=@"提示:/n操作出错!"
  
 3、js实现刷新验证码

     单击图片刷新:
<img id="CheckImg" src="CreatImage.aspx" οnclick="this.src='CreatImage.aspx?temp='+Math.random()"/>
     单击“刷新验证码”按钮刷新
    function imagechick()
   {
     form1.CheckImg.src="CreatImage.aspx?temp="+Math.random();
     return false;//不上传到服务器
   }
     其中CreatImage.aspx为产生验证码图片的页面,源码见:C#产生图形验证码

4、js中使用正则表达式的方法

    格式是:/正则表达式/
    必须用两个斜杠把正则表达式括起来。

   如非法字符检测正则表达式为:^(?:[/u4e00-/u9fa5]*/w*/s*)+$
   使用的代码为:
      var newPar=/^(?:[/u4e00-/u9fa5]*/w*/s*)+$/;
      if(newPar.test("1234&1238*_~"))
      {
             alert("不含非法字符!");
      }
     else
      {
             alert("含有非法字符!");
      }

5、js中如何调用DropDownList控件选中的项

 var tt_type=document.getElementById("DropDownList1").value;


6、文本框回车触发按钮事件

 function document.onkeydown() 

     var e=event.srcElement; 
     if(e==document.getElementById("文本框id")&&event.keyCode==13) 
    { 
           document.getElementById("需要点击的那个按钮的id").click(); 
           return false; 
     } 


7、打印部分网页

      将需要打印的网页部分放在div里面(id为printArea)

      function printIt()
      {
        var printArea=window.document.all.printArea;
        window.document.body.innerHTML=printArea.innerHTML;
        window.print();
     }

    其他不需要打印的部分放在printArea的DIV外面
    如“打印”,“关闭”等按钮
    “打印”按钮的单击事件:<a href="#" οnclick="printIt()">打印</a>
    “关闭”按钮的单击事件:<a href="#" οnclick="window.close();">关闭</a>

8、操作listBox控件
   
      将选中的项显示在TextBox里:
       function SelectOne()
      {
        var list=document.getElementById("ListBox1");
        var text=document.getElementById("TextBox1");
        var selectIndex=list.selectedIndex;
        if(selectIndex<0)
           return;
        text.value=list.options[selectIndex].text;
      }
     
      选择一个list的全部到另一个list:
      function SelectAll()
        
{
            var lst1
=window.document.getElementById("SourceListBox");
            var length 
= lst1.options.length;
            
for(var i=0;i<length;i++)
            
{
                var v 
= lst1.options[i].value;
                var t 
= lst1.options[i].text;
                var lst2
=window.document.getElementById("DestinationListBox");
                lst2.options[i] 
= new Option(t,v,true,true);    
            }
 
         }


9、获取昨天的时间
   function selectYesterday()
    {
       var d=new Date();
       d.setDate(d.getDate()-1); 
       var t1=document.getElementById("time1");
       t1.value=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
    }

10、将某textBox禁用

             document.getElementById("textBox1").readOnly=true;
             document.getElementById("textBox1").disabled=true;

11、点击某单词,让其高亮显示

<script language="javaScript"> 
function selectMe() {
    var r=document.body.createTextRange();
    r.moveToPoint(window.event.x, window.event.y);
    r.expand("word");
    r.select();
    }
</script>

调用如:
<H1 id="myH1" οnclick="selectMe()">Click on a
word and it will highlight</H1>

对英文有效,对中文只能选中一个汉字
         
12、javascript中的trim方法

方法一:

function  trim(str)
{
for(var  i  =  0  ;  i<str.length  &&  str.charAt(i)=="  "  ;  i++  )  ;
for(var  j  =str.length;  j>0  &&  str.charAt(j-1)=="  "  ;  j--)  ;
if(i>j)  return  "";  
return  str.substring(i,j);  
}

方法二:
//  增加一个名为  trim  的函数作为
//  String  构造函数的原型对象的一个方法。

String.prototype.trim  =  function()
{
        //  用正则表达式将前后空格
        //  用空字符串替代。

        return  this.replace(/(^/s*)|(/s*$)/g,  "");
}

//  有空格的字符串
var  s  =  "        我的长度        ";

//  显示trim前长度
window.alert(s  +  "  trim前长度:  ("  +  s.length  +  ")");

//  删除前后空格
s  =  s.trim();
//  显示trim后长度
window.alert(s  +  "    trim后长度:("  +  s.length  +  ")");


13、完美关闭窗口

function CloseWin()
{
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  = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
    str += '<param name="Command" value="Close"></object>';
    document.body.insertAdjacentHTML("beforeEnd", str);
    document.all.noTipClose.Click();
    }
    else{
    window.opener =null;
    window.close();
    }
}
else{
window.close()
}
}

14.javascript操作select

//  1.判断select选项中 是否存在Value="paraValue"的Item        
function  jsSelectIsExitItem(objSelect, objItemValue) {        
    
var  isExit  =   false ;        
    
for  ( var  i  =   0 ; i  <  objSelect.options.length; i ++ ) {        
        
if  (objSelect.options[i].value  ==  objItemValue) {        
            isExit 
=   true ;        
            
break ;        
        }        
    }        
    
return  isExit;        
}         
   
//  2.向select选项中 加入一个Item        
function  jsAddItemToSelect(objSelect, objItemText, objItemValue) {        
    
// 判断是否存在        
     if  (jsSelectIsExitItem(objSelect, objItemValue)) {        
        alert(
" 该Item的Value值已经存在 " );        
    } 
else  {        
        
var  varItem  =   new  Option(objItemText, objItemValue);      
        objSelect.options.add(varItem);     
        alert(
" 成功加入 " );     
    }        
}        
   
//  3.从select选项中 删除一个Item        
function  jsRemoveItemFromSelect(objSelect, objItemValue) {        
   
// 判断是否存在        
     if  (jsSelectIsExitItem(objSelect, objItemValue)) {        
        
for  ( var  i  =   0 ; i  <  objSelect.options.length; i ++ ) {        
            
if  (objSelect.options[i].value  ==  objItemValue) {        
                objSelect.options.remove(i);        
                
break ;        
            }        
        }        
        alert(
" 成功删除 " );        
    } 
else  {        
        alert(
" 该select中 不存在该项 " );        
    }        
}    
   
   
//  4.删除select中选中的项    
function  jsRemoveSelectedItemFromSelect(objSelect) {        
    
var  length  =  objSelect.options.length  -   1 ;    
    
for ( var  i  =  length; i  >=   0 ; i -- ){    
        
if (objSelect[i].selected  ==   true ){    
            objSelect.options[i] 
=   null ;    
        }    
    }    
}      
   
//  5.修改select选项中 value="paraValue"的text为"paraText"        
function  jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {        
    
// 判断是否存在        
     if  (jsSelectIsExitItem(objSelect, objItemValue)) {        
       
for  ( var  i  =   0 ; i  <  objSelect.options.length; i ++ ) {        
           
if  (objSelect.options[i].value  ==  objItemValue) {        
                objSelect.options[i].text 
=  objItemText;        
                
break ;        
            }        
        }        
        alert(
" 成功修改 " );        
    } 
else  {        
        alert(
" 该select中 不存在该项 " );        
    }        
}        
   
//  6.设置select中text="paraText"的第一个Item为选中        
function  jsSelectItemByValue(objSelect, objItemText) {            
    
// 判断是否存在        
    var  isExit  =   false ;        
    
for  ( var  i  =   0 ; i  <  objSelect.options.length; i ++ ) {        
        
if  (objSelect.options[i].text  ==  objItemText) {        
            objSelect.options[i].selected 
=   true ;        
            isExit 
=   true ;        
            
break ;        
        }        
    }              
    
// Show出结果        
     if  (isExit) {        
        alert(
" 成功选中 " );        
    } 
else  {        
        alert(
" 该select中 不存在该项 " );        
    }        
}        
   
//  7.设置select中value="paraValue"的Item为选中    
document.all.objSelect.value  =  objItemValue;    
       
//  8.得到select的当前选中项的value    
var  currSelectValue  =  document.all.objSelect.value;    
       
//  9.得到select的当前选中项的text    
var  currSelectText  =  document.all.objSelect.options[document.all.objSelect.selectedIndex].text;    
       
//  10.得到select的当前选中项的Index    
var  currSelectIndex  =  document.all.objSelect.selectedIndex;    
       
//  11.清空select的项    
document.all.objSelect.options.length  =   0 ;   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值