最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

在B/S開發(fā)中經(jīng)常用到的JavaScript技術(shù)第1/3頁

 更新時間:2008年05月28日 22:55:40   作者:  
javascript運用中,經(jīng)常用到的代碼,建議每段代碼都要看下,注意本文有三頁,仔細(xì)看玩,逐個研究透徹,那么網(wǎng)頁中常見的問題,你也就熟悉掌握了
一、驗證類
1、數(shù)字驗證內(nèi)
  1.1 整數(shù)
  1.2 大于0的整數(shù) (用于傳來的ID的驗證)
  1.3 負(fù)整數(shù)的驗證
  1.4 整數(shù)不能大于iMax
  1.5 整數(shù)不能小于iMin
2、時間類
  2.1 短時間,形如 (13:04:06)
  2.2 短日期,形如 (2003-12-05)
  2.3 長時間,形如 (2003-12-05 13:04:06)
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小時和分鐘,形如(12:03)
3、表單類
  3.1 所有的表單的值都不能為空
  3.2 多行文本框的值不能為空。
  3.3 多行文本框的值不能超過sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判斷單選框是否選擇。
  3.6 判斷復(fù)選框是否選擇.
  3.7 復(fù)選框的全選,多選,全不選,反選
  3.8 文件上傳過程中判斷文件類型
4、字符類
  4.1 判斷字符全部由a-Z或者是A-Z的字字母組成
  4.2 判斷字符由字母和數(shù)字組成。
  4.3 判斷字符由字母和數(shù)字,下劃線,點號組成.且開頭的只能是下劃線和字母
  4.4 字符串替換函數(shù).Replace();
5、瀏覽器類
  5.1 判斷瀏覽器的類型
  5.2 判斷ie的版本
  5.3 判斷客戶端的分辨率

6、結(jié)合類
  6.1 email的判斷。
  6.2 手機號碼的驗證
  6.3 身份證的驗證


二、功能類

1、時間與相關(guān)控件類
  1.1 日歷
  1.2 時間控件
  1.3 萬年歷
  1.4 顯示動態(tài)顯示時鐘效果(文本,如OA中時間)
  1.5 顯示動態(tài)顯示時鐘效果 (圖像,像手表) 
2、表單類
  2.1 自動生成表單
  2.2 動態(tài)添加,修改,刪除下拉框中的元素
  2.3 可以輸入內(nèi)容的下拉框
  2.4 多行文本框中只能輸入iMax文字。如果多輸入了,自動減少到iMax個文字(多用于短信發(fā)送)

3、打印類
  3.1 打印控件
4、事件類
  4.1 屏蔽右鍵
  4.2 屏蔽所有功能鍵
  4.3 --> 和<-- F5 F11,F9,F1
  4.4 屏蔽組合鍵ctrl+N
5、網(wǎng)頁設(shè)計類
  5.1 連續(xù)滾動的文字,圖片(注意是連續(xù)的,兩段文字和圖片中沒有空白出現(xiàn))
  5.2 html編輯控件類
  5.3 顏色選取框控件
  5.4 下拉菜單
  5.5 兩層或多層次的下拉菜單
  5.6 仿IE菜單的按鈕。(效果如rongshuxa.com的導(dǎo)航欄目)
  5.7 狀態(tài)欄,title欄的動態(tài)效果(例子很多,可以研究一下)
  5.8 雙擊后,網(wǎng)頁自動滾屏
6、樹型結(jié)構(gòu)。
  6.1 asp+SQL版
  6.2 asp+xml+sql版
  6.3 java+sql或者java+sql+xml
7、無邊框效果的制作
8、連動下拉框技術(shù)
9、文本排序


一、驗證類
1、數(shù)字驗證內(nèi)
  1.1 整數(shù)
      /^(-|\+)?\d+$/.test(str)
  1.2 大于0的整數(shù) (用于傳來的ID的驗證)
      /^\d+$/.test(str)
  1.3 負(fù)整數(shù)的驗證
      /^-\d+$/.test(str)
2、時間類
  2.1 短時間,形如 (13:04:06)
      function isTime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('輸入的參數(shù)不是時間格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert("時間格式不對");
          return false
        }
        return true;
      }
  2.2 短日期,形如 (2003-12-05)
      function strDateTime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
         if(r==null)return false; 
         var d= new Date(r[1], r[3]-1, r[4]); 
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
  2.3 長時間,形如 (2003-12-05 13:04:06)
      function strDateTime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
        var r = str.match(reg); 
        if(r==null)return false; 
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小時和分鐘,形如(12:03)
3、表單類
  3.1 所有的表單的值都不能為空
      <input onblur="if(this.value.replace(/^\s+|\s+$/g,'')=='')alert('不能為空!')">
  3.2 多行文本框的值不能為空。
  3.3 多行文本框的值不能超過sMaxStrleng
  3.4 多行文本框的值不能少于sMixStrleng
  3.5 判斷單選框是否選擇。
  3.6 判斷復(fù)選框是否選擇.
  3.7 復(fù)選框的全選,多選,全不選,反選
  3.8 文件上傳過程中判斷文件類型
4、字符類
  4.1 判斷字符全部由a-Z或者是A-Z的字字母組成
      <input onblur="if(/[^a-zA-Z]/g.test(this.value))alert('有錯')">
  4.2 判斷字符由字母和數(shù)字組成。
      <input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有錯')">
  4.3 判斷字符由字母和數(shù)字,下劃線,點號組成.且開頭的只能是下劃線和字母
      /^([a-zA-z_]{1})([\w]*)$/g.test(str)
  4.4 字符串替換函數(shù).Replace();
5、瀏覽器類
  5.1 判斷瀏覽器的類型
      window.navigator.appName
  5.2 判斷ie的版本
      window.navigator.appVersion
  5.3 判斷客戶端的分辨率
      window.screen.height;  window.screen.width;

6、結(jié)合類
  6.1 email的判斷。
      function ismail(mail)
      {
        return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
      }
  6.2 手機號碼的驗證
  6.3 身份證的驗證
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("輸入的不是數(shù)字!"); return false;}
        var len = num.length, re; 
        if (len == 15)
          re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
        else {alert("輸入的數(shù)字位數(shù)不對!"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("輸入的身份證號 "+ a[0] +" 里出生日期不對!"); return false;}
        }
        return true;
      }

3.7 復(fù)選框的全選,多選,全不選,反選
<form name=hrong>
<input type=checkbox name=All onclick="checkAll('mm')">全選<br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/><br/>


<input type=checkbox name=All2 onclick="checkAll('mm2')">全選<br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>

</form>

<SCRIPT LANGUAGE="JavaScript">
function checkAll(str)
{
  var a = document.getElementsByName(str);
  var n = a.length;
  for (var i=0; i<n; i++)
  a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
  var e = window.event.srcElement;
  var all = eval("document.hrong."+ str);
  if (e.checked)
  {
    var a = document.getElementsByName(e.name);
    all.checked = true;
    for (var i=0; i<a.length; i++)
    {
      if (!a[i].checked){ all.checked = false; break;}
    }
  }
  else all.checked = false;
}
</SCRIPT>

3.8 文件上傳過程中判斷文件類型
<input type=file onchange="alert(this.value.match(/^(.*)(\.)(.{1,8})$/)[3])">

畫圖:
<OBJECT 
id=S 
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px" 
height=240 
width=392 
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
</OBJECT>
<SCRIPT>
S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
S.DrawingSurface.Line(10,10,100,100);
</SCRIPT>

寫注冊表:
<SCRIPT>
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\", 1, "REG_BINARY");
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader", "Goocher!", "REG_SZ");
var bKey =    WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\");
WScript.Echo (WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader"));
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader");
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\");
WshShell.RegDelete ("HKCU\\Software\\ACME\\");
</SCRIPT>

TABLAE相關(guān)(客戶端動態(tài)增加行列)
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells() {
    var count=0;
    for (i=0; i < document.all.mytable.rows.length; i++) {
        for (j=0; j < document.all.mytable.rows(i).cells.length; j++) {
            document.all.mytable.rows(i).cells(j).innerText = count;
            count++;
        }
    }
}
</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
</TABLE>
</BODY>
</HTML> 

1.身份證嚴(yán)格驗證:

<script>
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內(nèi)蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"云南",54:"西藏",61:"陜西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}

function cidInfo(sId){
 var iSum=0
 var info=""
 if(!/^\d{17}(\d|x)$/i.test(sId))return false;
 sId=sId.replace(/x$/i,"a");
 if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地區(qū)";
 sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
 var d=new Date(sBirthday.replace(/-/g,"/"))
 if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日";
 for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
 if(iSum%11!=1)return "Error:非法證號";
 return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
}

document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>

2.驗證IP地址
<SCRIPT LANGUAGE="JavaScript">
function isip(s){
 var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
 var re=s.split(".")
 return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}

var s="202.197.78.129";
alert(isip(s))
</SCRIPT> 

 

相關(guān)文章

  • 使用javascript插入樣式

    使用javascript插入樣式

    這篇文章主要介紹了使用javascript插入樣式的相關(guān)方法,用javascript插入<style>樣式以及<link>樣式,感興趣的小伙伴們可以參考一下
    2016-03-03
  • 如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式

    如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式

    要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下
    2023-11-11
  • 前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解

    前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解

    在前端開發(fā)中,常用的數(shù)據(jù)加密技術(shù)包括Base64編碼、MD5哈希、SHA-256哈希、AES對稱加密、RSA非對稱加密和HMAC消息認(rèn)證碼,這些加密方式提供了不同層次的數(shù)據(jù)安全保護(hù),適用于不同的安全需求和場景,需要的朋友可以參考下
    2024-09-09
  • js實現(xiàn)簡單圖片切換

    js實現(xiàn)簡單圖片切換

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)簡單圖片切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • axios基本入門用法教程

    axios基本入門用法教程

    之前當(dāng)vue更新到2.0之后,作者就宣告不再對vue-resource更新,而是推薦的axios,前一段時間用了一下,現(xiàn)在說一下它的基本用法。文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-03-03
  • D3.js實現(xiàn)拓?fù)鋱D的示例代碼

    D3.js實現(xiàn)拓?fù)鋱D的示例代碼

    本篇文章主要介紹了D3.js實現(xiàn)拓?fù)鋱D的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • javascript中的有名函數(shù)和無名函數(shù)

    javascript中的有名函數(shù)和無名函數(shù)

    javascript中的有名函數(shù)和無名函數(shù)...
    2007-10-10
  • js數(shù)組操作學(xué)習(xí)總結(jié)

    js數(shù)組操作學(xué)習(xí)總結(jié)

    js數(shù)組操作學(xué)習(xí)總結(jié)。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • MUI 解決動態(tài)列表頁圖片懶加載再次加載不成功的bug問題

    MUI 解決動態(tài)列表頁圖片懶加載再次加載不成功的bug問題

    這篇文章主要介紹了MUI 解決動態(tài)列表頁圖片懶加載再次加載不成功的bug問題,解決方法很簡單的,需要的朋友可以參考下
    2017-04-04
  • countUp.js實現(xiàn)數(shù)字動態(tài)變化效果

    countUp.js實現(xiàn)數(shù)字動態(tài)變化效果

    這篇文章主要為大家詳細(xì)介紹了countUp.js實現(xiàn)數(shù)字動態(tài)變化效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-10-10

最新評論

天津市| 苍溪县| 绥中县| 泊头市| 慈利县| 尉犁县| 甘孜| 宣威市| 盐池县| 门源| 富蕴县| 温宿县| 中超| 宝兴县| 宜城市| 潢川县| 南澳县| 阿图什市| 东辽县| 吴川市| 宁夏| 岫岩| 沛县| 阳信县| 甘孜县| 黄山市| 潞城市| 辰溪县| 宜兰市| 佛冈县| 修水县| 西乌珠穆沁旗| 光山县| 资阳市| 汉川市| 昂仁县| 哈尔滨市| 安顺市| 永年县| 宿迁市| 兴海县|