網上整理 Web JS 通用

目錄：
******************************************************************************
一、驗證類
1、數字驗證內
    1.1 整數
    1.2 大於0的整數（用於傳來的ID的驗證)
    1.3 負整數的驗證
    1.4 整數不能大於iMax
    1.5 整數不能小於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 判斷複選框是否選擇.
    3.7 複選框的全選，多選，全不選，反選
    3.8 文件上傳過程中判斷文件類型
4、字符類
    4.1 判斷字符全部由a-Z或者是A-Z的字字母組成
    4.2 判斷字符由字母和數字組成。
    4.3 判斷字符由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母Top
    4.4 字符串替換函數.Replace();
5、瀏覽器類
    5.1 判斷瀏覽器的類型
    5.2 判斷ie的版本
    5.3 判斷客戶端的分辨率
6、結合類
    6.1 email的判斷。
    6.2 手機號碼的驗證
    6.3 身份證的驗證+嚴格驗證
    6.4 IP地址校驗
    6.5 加sp1後還能用的無邊框窗口！！Top
    6.6電話號碼的驗證
二、功能類
1、時間與相關控件類
    1.1 日曆
    1.2 時間控件
    1.3 萬年曆
    1.4 顯示動態顯示時鐘效果（文本，如OA中時間）Top
    1.5 顯示動態顯示時鐘效果 (圖像，像手錶)
2、表單類
    2.1 自動生成表單
    2.2 動態添加，修改，刪除下拉框中的元素
    2.3 可以輸入內容的下拉框
    2.4 多行文本框中只能輸入iMax文字。如果多輸入了，自動減少到iMax個文字（多用於短信發送)Top
3、打印類
    3.1 打印控件
4、事件類
    4.1 屏蔽右鍵
    4.2 屏蔽所有功能鍵
    4.3 --> 和<-- F5 F11,F9,F1Top
    4.4 屏蔽組合鍵ctrl+N
5、網頁設計類
    5.1 連續滾動的文字，圖片（注意是連續的，兩段文字和圖片中沒有空白出現）Top
    5.2 html編輯控件類
    5.3 顏色選取框控件
    5.4 下拉菜單
    5.5 兩層或多層次的下拉菜單
    5.6 仿IE菜單的按鈕。（效果如rongshuxa.com的導航欄目)
    5.7 狀態欄，title欄的動態效果（例子很多，可以研究一下）Top
    5.8 雙擊後，網頁自動滾屏
6、樹型結構。
    6.1 asp+SQL版
    6.2 asp+xml+sql版
    6.3 java+sql或者java+sql+xml
7、無邊框效果的製作
8、連動下拉框技術
9、文本排序
10，畫圖類，含餅、柱、矢量貝滋曲線
11，操縱客戶端註冊表類
12，DIV層相關（拖拽、顯示、隱藏、移動、增加）
13，TABLAE相關(客戶端動態增加行列，模擬進度條，滾動列表等)
14，各種<object classid=>相關類，如播放器，flash與腳本互動等
16, 刷新/模擬無刷新異步調用類（XMLHttp或iframe,frame）Top
*********************************正文*********************************************
一、驗證類
1、數字驗證內Top
    1.1 整數Top
        /^(-|/+)?/d+$/　　不可以爲空
        /^[-+]?/d*$/ 可以爲空
    1.2 大於0的整數（用於傳來的ID的驗證)Top
        /^/d+$/
    1.3 負整數的驗證Top
        /^-/d+$/
    1.4 整數不能大於iMaxTop
        根據上面的正則可以寫出。
    1.5 整數不能小於iMinTop
        根據上面的正則可以寫出。
2、時間類Top
    2.1 短時間，形如 (13:04:06)Top

2.2 短日期，形如 (2003-12-05)Top

2.3 長時間，形如 (2003-12-05 13:04:06)Top

    2.5 只有小時和分鐘,形如(12:03)Top
3、表單類
    3.1 所有的表單的值都不能爲空Top

<input οnblur="if(this.value.replace(/^/s+|/s+$/g,'')=='')alert('不能爲空!')">

    3.2 多行文本框的值不能爲空。Top
    3.3 多行文本框的值不能超過sMaxStrlengTop

    3.4 多行文本框的值不能少於sMixStrlengTop
    3.5 判斷單選框是否選擇。Top

3.7 複選框的全選，多選，全不選，反選Top

<form name=hrong>
<input type=checkbox name=All οnclick="checkAll('mm')">全選<br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/>
<input type=checkbox name=mm οnclick="checkItem('All')"><br/><br/>

<input type=checkbox name=All2 οnclick="checkAll('mm2')">全選<br/>
<input type=checkbox name=mm2 οnclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 οnclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 οnclick="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 文件上傳過程中判斷文件類型Top

4、字符類
4.1 判斷字符全部由a-Z或者是A-Z的字字母組成Top

<input οnblur="if(/[^a-zA-Z]/g.test(this.value))alert('有錯')">

4.2 判斷字符由字母和數字組成。Top

4.3 判斷字符由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母Top
/^([a-zA-z_]{1})([/w]*)$/g.test(str)

4.4 字符串替換函數.Replace();Top
5、瀏覽器類Top
5.1 判斷瀏覽器的類型Top
window.navigator.appName
5.2 判斷ie的版本Top
window.navigator.appVersion
5.3 判斷客戶端的分辨率Top
window.screen.height; window.screen.width;

6、結合類Top
6.1 email的判斷。Top

6.2 手機號碼的驗證Top
6.3 身份證的驗證Top

<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>

６．５　．加sp1後還能用的無邊框窗口！！Top

<HTML XMLNS:IE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
<title>Chromeless Window</title>

<SCRIPT LANGUAGE="JScript">
/**//*--- Special Thanks For andot ---*/

/**//*
This following code are designed and writen by Windy_sk <[email protected]>
You can use it freely, but u must held all the copyright items!
*/

/**//*--- Thanks For andot Again ---*/

var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(οnmοuseοut=οnmοuseup=function(){this.style.borderStyle='outset'}, οnmοusedοwn=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";

//Build Window
include.startDownload(CW_url, function(source){content=source});

function insert_content(){
var temp = "";
CW_Body.style.overflow = "hidden";
CW_Body.style.backgroundColor = "white";
CW_Body.style.border = "solid black 1px";
content = content.replace(/<a ([^>]*)>/g,"<a οnclick='parent.open(this.href);return false' $1>");
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' οndblclick=/"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" οnmοuseup='parent.drag_up(event)' οnmοusemοve='parent.drag_move(event)' οnmοusedοwn='parent.drag_down(event)' onselectstart='return false' οncοntextmenu='return false'>";
temp += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
temp += "<span id=Help οnclick=/"alert('Chromeless Window For IE6 SP1 - Ver 1.0//n//nCode By Windy_sk//n//nSpecial Thanks For andot')/" style=/""+CSStext+"font-family:System;padding-right:2px;/">?</span>";
temp += "<span id=Min οnclick='parent.New_CW.hide();parent.blur()' style=/""+CSStext+"font-family:Webdings;/" title='Minimum'>0</span>";
temp += "<span id=Max οnclick=/"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" style=/""+CSStext+"font-family:Webdings;/" title='Maximum'>1</span>";
temp += "<span id=Close οnclick='parent.opener=null;parent.close()' style=/""+CSStext+"font-family:System;padding-right:2px;/" title='Close'>x</span>";
temp += "</td></tr><tr><td colspan=2>";
temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW_width+"'>";
temp += content;
temp += "</div>";
temp += "</td></tr></table>";
CW_Body.innerHTML = temp;
}

setTimeout("insert_content()",1000);

var if_max = true;
function show_CW(){
window.moveTo(10000, 10000);
if(if_max){
New_CW.show(CW_top, CW_left, CW_width, CW_height);
if(typeof(New_CW.document.all.include)!="undefined"){
New_CW.document.all.include.style.width = CW_width;
New_CW.document.all.Max.innerText = "1";
}

}else{
New_CW.show(0, 0, screen.width, screen.height);
New_CW.document.all.include.style.width = screen.width;
}
}

window.onfocus = show_CW;
window.onresize = show_CW;

// Move Window
var drag_x,drag_y,draging=false

function drag_move(e){
if (draging){
New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
return false;
}
}

function drag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
draging=true;
e.srcElement.setCapture();
}

function drag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
CW_top = e.screenX-drag_x;
CW_left = e.screenY-drag_y;
}

</SCRIPT>
</HTML>

６．６　電話號碼的驗證Top

要求：
　　 (1)電話號碼由數字、"("、")"和"-"構成
　　 (2)電話號碼爲3到8位
　　 (3)如果電話號碼中包含有區號，那麼區號爲三位或四位
　　 (4)區號用"("、")"或"-"和其他部分隔開
　　 (5)移動電話號碼爲11或12位，如果爲12位,那麼第一位爲0
　　 (6)11位移動電話號碼的第一位和第二位爲"13"
　　 (7)12位移動電話號碼的第二位和第三位爲"13"
　　根據這幾條規則，可以與出以下正則表達式：
　　 (^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)

二、功能類Top

1、時間與相關控件類Top
1.1 日曆Top
精華區的日曆Top

1.2 時間控件Top

1.3 萬年曆Top
http://202.112.86.128/studentspace/aqyw/js/calendars/rili/
1.4 顯示動態顯示時鐘效果（文本，如OA中時間）Top
特效很容易找到的
1.5 顯示動態顯示時鐘效果 (圖像，像手錶) Top
特效很容易找到的
2、表單類
2.1 自動生成表單Top
2.2 動態添加，修改，刪除下拉框中的元素Top
大版主的ｊｓ寶庫裏面的對select 的操作已經可以是精品了。Top
2.3 可以輸入內容的下拉框Top

2.4 多行文本框中只能輸入iMax文字。如果多輸入了，自動減少到iMax個文字（多用於短信發送)Top

3、打印類Top
3.1 打印控件Top

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>

</SCRIPT>
<script language=vbscript>
function setup_page
Dim wsh
Set wsh = CreateObject("WScript.Shell")
on error resume next

wsh.RegWrite "HKCU/Software/Microsoft/Internet explorer/PageSetup/header", "", "REG_SZ"
wsh.RegWrite "HKCU/Software/Microsoft/Internet Explorer/PageSetup/footer", "", "REG_SZ"

end function

</script>
</HEAD>

<BODY>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0>
</OBJECT>
<INPUT type="button" value="Set" id=button1 name=button1 οnclick="setPrint();">
<INPUT type="button" value="Preview" id=button2 name=button2 οnclick="previewPrint();">
<INPUT type="button" value="setup" id=button2 name=button2 οnclick="setup_page();">
</BODY>
</HTML>

4、事件類Top
4.1 屏蔽右鍵Top
4.2 屏蔽所有功能鍵Top
4.3 --> 和<-- F5 F11,F9,F1Top
4.4 屏蔽組合鍵ctrl+NTop
5、網頁設計類Top
5.1 連續滾動的文字，圖片（注意是連續的，兩段文字和圖片中沒有空白出現）Top
5.2 html編輯控件類Top
5.3 顏色選取框控件Top
5.4 下拉菜單Top
5.5 兩層或多層次的下拉菜單Top
5.6 仿IE菜單的按鈕。（效果如rongshuxa.com的導航欄目)Top
5.7 狀態欄，title欄的動態效果（例子很多，可以研究一下）Top
5.8 雙擊後，網頁自動滾屏Top
以上都是特效類，很容易找到的。Top
6、樹型結構。Top
6.1 asp+SQL版Top
6.2 asp+xml+sql版Top
6.3 java+sql或者java+sql+xmlTop
7、無邊框效果的製作Top
8、連動下拉框技術Top
9、文本排序Top
10，畫圖類，含餅、柱、矢量貝滋曲線Top

<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>

11，操縱客戶端註冊表類Top

<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>

12，DIV層相關（拖拽、顯示、隱藏、移動、增加）Top
13，TABLAE相關(客戶端動態增加行列，模擬進度條，滾動列表等)Top

<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 οnlοad="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
</BODY>
</HTML>

14，各種<object classid=>相關類，如播放器，flash與腳本互動等Top
16, 刷新/模擬無刷新異步調用類（XMLHttp或iframe,frame）Top

//更改字體大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function fontZoomA(){
if(curfontsize>8){
document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
}
}
function fontZoomB(){
if(curfontsize<64){
document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
}
}
</script>

本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/Tong118/articles/582194.aspx

網上整理 Web JS 通用

JAVA String.format 的使用

瘋狂代碼,大型網站架構系列轉貼

２００９十大網絡流行語　中英文對照讀本 (搞笑)

Javascript中最常用的55個經典技巧

不用安裝oracle客戶端也可以用plsql連接遠程oracle

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結