B/S 개발에 자주 사용되는 JavaScript 기술_javascript 기술-JS 튜토리얼-php.cn

자바스크립트를 적용할 때 자주 사용되는 코드를 모두 읽는 것이 좋습니다. 이 기사는 세 페이지로 구성되어 있으므로 주의 깊게 읽고 각 코드를 자세히 읽으면 일반적인 문제에 익숙해질 것입니다. 웹페이지

1. 검증 카테고리
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, or 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 판단 문자는 문자, 숫자, 밑줄, 점으로 구성됩니다.
4.4 문자열 대체 함수.Replace()
5. 5.1 브라우저 유형 결정
5.2 IE 버전 결정
5.3 클라이언트 해상도 결정

6. 결합 클래스
6.1 이메일 결정.
6.2 휴대폰번호 확인
6.3 신분증 확인

2. 기능 카테고리

1.1 캘린더
1.2 시간 제어
1.3 달력
1.4 동적 표시 시계 효과 표시(OA의 시간과 같은 텍스트)
1.5 동적 표시 시계 효과 표시(시계와 같은 이미지)
2. Form 클래스
2.1 자동으로 양식 생성
2.2 드롭다운 상자에서 요소를 동적으로 추가, 수정, 삭제
2.3 내용을 입력할 수 있는 드롭다운 상자
2.4 멀티에는 iMax 텍스트만 입력 가능 -라인 텍스트 상자. 너무 많이 입력하면 자동으로 iMax 텍스트로 축소됩니다. (주로 문자 메시지 전송에 사용됩니다.)

3. 인쇄 클래스
3.1 인쇄 제어
4. 이벤트 클래스
4.1 쉴드
마우스 오른쪽 버튼 클릭 4.2 모든 기능 키 차단
4.3 ---> 및 <-- F5 F11, F9, F1
4.4 키 조합 차단 ctrl N
5. 웹 디자인
5.1 연속 텍스트와 그림 스크롤 (연속적이며 텍스트와 그림의 두 단락 사이에 공백이 없습니다.)
5.2 HTML 편집 컨트롤 클래스
5.3 색상 선택 상자 컨트롤
5.4 드롭다운 메뉴
5.5 2레벨 또는 다중 레벨 드롭다운 메뉴
5.6 IE 메뉴를 모방한 버튼. (이 효과는 rongshuxa.com의 탐색 열과 같습니다.)
5.7 상태 표시줄 및 제목 표시줄의 동적 효과(예제가 많으므로 학습할 수 있습니다.)
5.8 더블 클릭 후 웹 페이지가 자동으로 스크롤됩니다.
6. 트리 구조.
6.1 asp SQL 버전
6.2 asp xml sql 버전
6.3 java sql 또는 java sql xml
7. 경계선 없는 효과 생성
8. 링크된 드롭다운 박스 기술
9. 텍스트 정렬

1. 검증 유형
1. 숫자 검증
1.1 정수
/^(-| )?d $/.test(str)
1.2 An 0보다 큰 정수 (전달된 ID 확인에 사용)
/^d $/.test(str)
1.3 음수 확인
/^-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('입력 매개변수가 다음 위치에 없습니다. 시간 형식' ); false를 반환합니다.}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
Alert(" 시간 형식이 잘못되었습니다.");
false 반환
 }
 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]);
 반환 (d.getFullYear()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()==r[4]);
 }
 2.3 长时间 형식如(2003-12-05 13:04:06)
 함수 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]);
 반환 (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 유유한 表单的值道不能为공간

 3.2 多行文本框的值不能为空.
 3.3 多行文本框的值不能超过sMaxStrlen
 3.4 多行文本框的值不能少于sMixStrleng
 3.5 判断单选框是否选择。
 3.6 判断复选框是否选择.
 3.7 复选框的全选，多选，全不选，反选
 3.8 文件上传过程中判断文件类型
4、字符类
 4.1 判断符全A-Z의 일부字字母组成

 4.2 判断字符由字母화数字组成。

 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
 /^([a-zA-z_]{1})([w]*)$ /g.test(str)
 4.4 字符串替换函数.Replace();
5、浏览器类
 5.1 判断浏览器적 유형
 window.navigator.appName
 5.2 判断ie적 특징
 window.navigator.appVersion
 5.3 判断客户端的分辨率
 window.screen.height; window.screen.width;

6、통합
 6.1 이메일적 기능.
 기능 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 身份证的验证
 함수 isIdCardNo(num)
 { isNaN(num)) {alert("输入的不是数字!"); 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 (길이 == 18)
re = new RegExp(/^(d{6})()?(d{4})(d{2})(d{2})(d{3})(d)$/); else {alert("입력한 자릿수가 잘못되었습니다!"); return false;}
var a = num.match(re)
if (a != null)
{
if (len==15)
> getYear()==a[3]&&(D.getMonth() 1)==a[4]&&D.getDate()==a[5];
 > 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];
 }
 날짜가 잘못되었습니다! "); false를 반환합니다.}
true를 반환합니다.
;form name=hrong>
모두 선택

< 입력 유형=체크박스 이름=mm onclick="checkItem('All')">

<입력 유형=체크박스 이름=mm onclick="checkItem('All')" >< ;br/>
<입력 유형=체크박스 이름=mm onclick="checkItem('All')">

모두 선택

<입력 유형=체크박스 이름=mm2 onclick="checkItem('All2')">

<입력 유형=체크박스 이름=mm2 onclick="checkItem('All2')">

>

< ;SCRIPT LANGUAGE= "JavaScript">
function checkAll(str)
{
var a = document.getElementsByName(str)
var n = a.length; 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 {
if (!a[i].checked){ all.checked = false; }
}
}
else all.checked = false
}

3.8 파일 업로드 중 파일 형식 확인

画图:
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">

<스크립트>
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> 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상关(客户端动态增加行列)

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

< TH>

/TD>

１．身份证严格验证：

<script> var aCity={11:"North京",12:"天津",13:"河北",14: "山西",15:"内蒙古",21:"辽宁",22:"吉lin",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:"國外"} 함수 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 "오류:비법지区"; 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 "오류:비법생일"; for(var i = 17;i>=0;i --) iSum = (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) if(iSum !=1)return "오류: 잘못된 인증서 번호"; return aCity[parseInt(sId.substr(0,2))] "," sBirthday "," (sId.substr(16,1 ) %2?"남성":"여성") } document.write(cidInfo("380524198002300016")," " document.write( cidInfo ("340524198002300019")," ") document.write(cidInfo("340524197711111111")," ") document.write(cidInfo("34052419800101001 x ")," "); </script>

２． IP 주소 확인

３． sp1을 추가한 후에도 테두리 없는 창을 계속 사용할 수 있습니다! !

크롬 없는 창