코드는 다음과 같습니다.
61. offsetX 호환성 문제 해결
// Firefox offsetX /Y를 지원하지 않습니다.
function getOffset(e){
var target = e.target, // 현재 트리거된 대상 객체
eventCoord,
pageCoord,
offsetCoord;
// 현재 트리거 요소에서 문서까지의 거리를 계산합니다.
pageCoord = getPageCoord(target);
// 커서에서 문서까지의 거리를 계산합니다.
eventCoord = {
// 첫 번째 위치의 상위 요소에 대한 커서 좌표를 얻기 위해 빼기
offsetCoord = {
X : eventCoord.X - pageCoord.X,
Y : eventCoord.Y - pageCoord.Y
};
return offsetCoord;
}
function getPageCoord(element){
var coord = { offsetLeft 또는 offsetTop 값의 합
while (element){
coord.X = element.offsetLeft;
coord.Y = element .offsetTop;
element = element.offsetParent;
}
return coord;
}
62. 기본 JavaScript에서 일반적으로 사용되는 정규식
this.timer = setInterval(function() {
d.scrollTop -= Math.ceil((d.scrollTop b.scrollTop) * 0.1);
b.scrollTop -= Math.ceil((d .scrollTop b.scrollTop) * 0.1);
if ((d.scrollTop b.scrollTop) == 0)clearInterval(btn.timer, window.onscroll = set);
},
10) ;
};
function set() {
btn.style.display = (d.scrollTop b.scrollTop > 100) ? 'block': "none"
}
} ;
backTop('goTop');
64. 기본 JavaScript는 URL
코드 복사
코드는 다음과 같습니다.
// 사용법: 주소가 test.htm?t1=1&t2=2&t3=3이면 다음을 얻을 수 있습니다: GET["t1"], GET["t2"], GET["t3" ]
function get_get(){
querystr = window.location.href.split("?")
if(querystr[1]){
GETs = querystr[1].split(" &" )
GET =new Array()
for(i=0;i tmp_arr = GETs[i].split("=")
키 =tmp_arr [0]
GET[key] = tmp_arr[1]
}
}
return querystr[1];
}
65 기본 JavaScript는 범용을 구현합니다. 모든 메소드 선택
function checkall(form, 접두사, checkall) {
var checkall = checkall ? checkall : 'chkall';
for(var i = 0; i < form.elements.length; i ) {
var e = form.elements [i];
if(e.type=="checkbox"){
e.checked = form.elements[checkall].checked;
}
}
}
66. 네이티브 JavaScript는 모두 선택을 취소하는 일반적인 방법을 구현합니다.
function uncheckAll(form) {
for (var i=0;i var e = form.elements[i];
if ( e.name != 'chkall')
e.checked=!e.checked;
}
}
67. 기본 JavaScript는 양식을 여는 일반적인 방법을 구현합니다
function openWindow(url,windowName,width,height){ <… .appName == "Microsoft Internet Explorer");
if (isMSIE) {
var p = "resizing=1,location=no,scrollbars=no,width=";
p = p 너비;
p = p ",height=";
p = p 높이;
p = p ",left=";
p = p x;
p = p ",top=" ;
p = p y;
retval = window .open(url, windowName, p);
} else {
var win = window.open(url, "ZyiisPopup", "top=" y ",left=" x ",scrollbars=" 스크롤바 " ,dialog=yes,modal=yes,width=" width ",height=" height ",ressible=no" );
eval("try { win .resizeTo(width, height); } catch(e) { }");
win.focus();
}
}
68. 기본 JavaScript는 클라이언트 장치
var b = navigator.userAgent.toLowerCase();
var t = false;
if (o == 'isOP'){
t = b.indexOf('opera') > 1;
}
if (o == 'isIE') {
t = b.indexOf('msie') > -1;
}
if (o == ' isFF'){
t = b.indexOf('firefox') > ; -1;
}
return t;
}
69의 값을 얻습니다. 라디오 버튼
if(field&&field.length){
for(var i=0;i< field.length;i ){
if(field[i].checked){
return field[i] .value;
}
}
}else {
return
}
}
70. 네이티브 JavaScript로 체크박스 값 가져오기
function get_checkbox_value(필드){
if(field&&field.length){
for(var i=0;i if(필드[i] .checked && !field [i].disabled){
return field[i].value; >(71~80) 확인 이 글은 이메일, 위험 문자, 확인 길이 등 일반적으로 사용되는 양식 확인 기능 10가지에 대한 내용을 주로 다루고 있습니다. , 확인 URL, 소수점, 정수, 부동 소수점 숫자 확인 및 기타 일반적으로 사용되는 확인 이러한 코드 조각을 사용하면 일반 형식 확인에 jquery 확인 플러그인이 필요하지 않으므로 모든 사람에게 도움이 될 수 있기를 바랍니다. . .
71. 네이티브 자바스크립트가 이메일 주소인지 판단
코드 복사
코드는 다음과 같습니다.
}
}
72. 기본 JavaScript는 목록에 위험한 문자가 있는지 확인합니다
복사 code
코드는 다음과 같습니다.
}
}
73. 기본 JavaScript는 문자열이 지정된 길이보다 큰지 확인합니다
코드 복사
코드는 다음과 같습니다.
74. 기본 JavaScript는 문자열이 URL에서 대소문자를 구분하지 않는지 확인합니다
코드 복사
코드는 다음과 같습니다.
else
return true;
}
return false;
}
75. 기본 JavaScript 문자열이 소수인지 확인
코드 복사
코드는 다음과 같습니다.
}
76 기본 JavaScript는 문자열이 정수인지 확인합니다
코드 복사
코드는 다음과 같습니다.
}
77. 기본 JavaScript는 문자열이 부동 소수점 숫자인지 확인
코드 복사
코드는 다음과 같습니다.
function isFloat( str ) {
for(i=0;i if ((str.charAt(i)<"0" || str .charAt(i)>"9")&& str.charAt(i) != '.'){
return false;
}
}
return true;
}
78. 네이티브 자바스크립트는 문자가 A-Za-z 영문자인지 판단합니다
function isLetters( str ){
var re=/^[A-Za-z] $/;
if (str.match(re) == null )
return false;
else
return true;
}
79. 기본 JavaScript는 문자열이 우편번호인지 확인합니다
function isValidPost( chars ) {
var re=/^d{6}$/ ;
if (chars.match (re) == null)
return false;
else
return true;
}
80 기본 JavaScript는 문자 여부를 결정합니다. 비어 있음 NULL
function isNULL( chars ) {
if (chars == null)
true 반환;
if (jsTrim(chars).length==0)
true 반환;
false 반환;
}
81. 기본 JavaScript는 정규 표현식을 사용하여 페이지 코드를 추출합니다.
var aa = document.documentElement.outerHTML.match(/(url(|src=|href=)["']*([^"'()<>[] ] ) ["')]*|(http://[w-.] [^"'()<>[] ] )/ig).join("rn").replace(/^(src=| href=|url()["']*|["'> ) ]*$/igm,"");
alert(aa);
82. 기본 JavaScript는 다음을 수행합니다. 동일한 배열 지우기(낮은 효율)
Array .prototype.unique=function(){
return this.reverse().join (",").match(/([^,] )(?!.*1)/ig).reverse();
}
83. 기본 JavaScript는 정규 표현식을 사용하여 동일한 배열(고효율)을 지웁니다.
String.prototype.unique= function(){
var x=this.split(/[rn] /);
var y ='';
for(var i=0;i if(!new RegExp("^" x[i].replace(/([^w])/ ig,"\$1") "$","igm").test(y)){
y =x[i] "rn"
}
}
return y
}
84. 기본 JavaScript는 정규 표현식을 사용하여 각 줄을 알파벳순으로 정렬하고 배열합니다. 정렬
function SetSort(){
var text= K1.value.split(/[rn]/).sort().join("rn");// 순서
var test=K1.value.split(/[rn]/).sort().reverse().join("rn");//역순
K1.value=K1.value! =text?text:test;
}
85. 기본 JavaScript 문자열 시퀀스 역순
function IsReverse(text){
return text .split('').reverse().join('');
}
86. 기본 JavaScript는 정규식을 사용하여 html 코드에서 스크립트를 지웁니다
functionclear_script(){
K1.value=K1.value.replace(/
[sS]*?|s on[a- zA-Z]{3,16}s?=s?"[sS]*?"|s on[a-zA -Z]{3,16}s?=s?'[sS]*?'|s on[a-zA-Z]{3,16}s?=[^ >] /ig,"")
}
87. 네이티브 JavaScript는 JavaScript 스크립트를 동적으로 실행합니다.
function javascript(){
try{
eval(K1.value);
}catch(e){
Alert(e.message);
}
}
88. 기본 JavaScript는 VBScript 스크립트를 동적으로 실행합니다
function vbscript (){
try{
var script=document.getElementById("K1").value;
if(script.trim()=="")return;
window.execScript(' On Error Resume Next n' script 'n If Err.Number<>0 Then n MsgBox "올바른 VBScript 스크립트를 입력하십시오!",48,"스크립트 오류!" n End If',"vbscript ")
} catch(e){
Alert(e.message);
}
}
89. 네이티브 JavaScript는 금액 대소문자 변환 기능을 구현합니다
function 변환(tranvalue) {
try {
var i = 1;
var dw2 = new Array("", "10,000", "1억") //대형 단위
var dw1 = new Array("十", "百", "千"); //소형 단위
var dw = new Array("zero", "一", "two", "三" , "4", "五", "鲁", "旒", "八", "九"); //정수 부분은
사용 //다음은 소문자에서 대문자로 변환되어 표시됩니다. 총 대문자 텍스트 상자
//정수와 소수 분리
var source = Splits(tranvalue);
var num = source[0];
var dig = source[1];
//정수 부분 변환
var k1 = 0; //소단위
var k2 = 0; //대단위
var sum = 0;
var str = "";
var len = source [0].length; //정수의 길이
for (i = 1; i var n = source[0].charAt(len - i); //특정 숫자의 숫자 가져오기
var bn = 0;
if (len - i - 1 >= 0) {
bn = source[0].charAt(len - i - 1); //특정 숫자 이전의 숫자 가져오기
}
sum = sum Number(n);
if (sum != 0) {
str = dw[Number(n) ) ].concat(str); //숫자에 해당하는 대문자 숫자를 구해 문자열 문자열 앞에 삽입
]. len - i - 1 >= 0) { //다음 범위 내에서 숫자
if (k1 != 3) { //더 작은 단위 추가
if (bn != 0) {
str = dw1 [k1].concat(str);
}
k1 ;
} else { //작은 단위를 추가하지 말고 단위를 늘리세요
k1 = 0;
var temp = str.charAt (0) If (TEMP == "Wan" | | Temp == "billion") // 큰 단위 앞에 숫자가 없으면 큰 단위로 이동
STR = Str.Substr (1, Str.length - 1);
str = dw2[k2].concat(str);
sum = 0;
}
}
if (k1 == 3) //1000까지의 작은 단위가 다음 주요 단위
{
k2 ;
}
}
//소수점 변환
var strdig = "";
if (dig != "" ) {
var n = dig.charAt(0);
if (n != 0) {
strdig = dw[Number(n)] "angle"; //숫자 추가
}
var n = dig. charAt(1);
if (n != 0) {
strdig = dw[Number(n)] "points"; //숫자 추가
}
}
str = " yuan" strdig;
} catch(e) {
return "0 yuan";
}
return str;
}
//분해 정수 및 소수 분할
함수 Splits(tranvalue) {
var value = new Array('', '');
temp = tranvalue.split(".");
for (var i = 0; i < temp. length; i ) {
value[i] = temp[i];
}
return value;
}
90. 일반적으로 사용되는 정규 표현식의 대규모 모음
코드 복사
코드는 다음과 같습니다.
한자 일치 정규식: [u4e00-u9fa5]
2바이트 문자 일치(한자 포함): [^x00-xff]
빈 줄 일치 정규식:
[s| ]*r
HTML 태그와 일치하는 정규식: <(.*)>.*|<(.*) />
선행 및 후행 공백과 일치하는 정규식 표현식: (^s*)|(s*$)
IP 주소와 일치하는 정규식:/(d).(d).(d).(d)/g
이메일 주소와 일치하는 정규식: w ([- .]w )*@w ([-.]w )*.w ([-.]w )*
정규식 일치 URL: http://(/ [w-] .) [w -] (/[w- ./?%&=]*)?
sql 문: ^(select|drop|delete|create|update|insert).*$
음이 아닌 정수: ^d $
양의 정수: ^[0-9]*[1-9][0-9]*$
양이 아닌 정수: ^((-d )|(0 ) )$
음 정수: ^-[0-9]*[1-9][0-9]*$
정수: ^-?d $
음수가 아닌 부동 소수점 수: ^d (. d )?$
양수 부동 소수점 수: ^((0-9) .[0-9]*[1-9][0-9]*)|([0-9]*[1-9] [0- 9]*.[0-9] )|([0-9]*[1-9][0-9]*))$
양수가 아닌 부동 소수점 수: ^((-d .d ) ?)|(0 (.0 )?))$
영어 문자열: ^[A-Za-z] $
영어 대문자 문자열: ^[A-Z] $
영어 소문자 문자열: ^ [a-z ] $
영문 및 숫자 문자열: ^[A-Za-z0-9] $
밑줄 포함 영어 및 숫자 문자열: ^w $
이메일 주소: ^[w-] (. [w-] )*@[w-] (.[w-] ) $
URL: ^[a-zA-Z] ://(w (-w )*)(.(w (-w )*))*(?s*)?$ 또는: ^http://[A-Za-z0-9] .[A-Za-z0-9] [/=?%-&_~`@[] ': !]*([^<>""])*$
우편번호: ^[1-9]d{5}$
전화번호: ^(((d{2,3 }))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4 })?$
휴대폰번호: ^(((d{2,3}))|(d{3}-))?13d{9}$
2바이트 문자(한자 포함) :^x00-xff
선행 및 후행 공백과 일치: (^s*)|(s*$)
HTML 태그와 일치: <(.*)>.*|< (. *) />
는 빈 줄과 일치합니다.
[s| ]*r
정보에서 네트워크 링크 추출: (h|H)(r|R)(e|E)(f|F) *= *('|")?(w|\| /|.) ('|"| *|>)?
메시지에서 이메일 주소를 추출합니다: w ([- .]w )*@w ([-.]w )*.w ([- . ]w )*
메시지에서 그림 링크를 추출합니다: (s|S)(r|R)(c|C) *= *('|")?(w|\|/|.) ( '| "| *|>)?
정보에서 IP 주소 추출: (d).(d).(d).(d)
정보에서 중국 휴대폰 번호 추출: ( 86)*0* 13d{9}
정보에서 중국 유선 전화번호를 추출합니다: ((d{3,4})|d{3,4}-|s)?d{8}
정보 번호(휴대폰 및 유선 포함)에서 중국 전화번호 추출: ((d{3,4})|d{3,4}-|s)?d{7,14}
중국 우편물 추출 정보의 코드: [1- 9]{1}(d ){5}
정보의 부동 소수점 숫자(예: 소수) 추출: (-?d*).?d
다음의 숫자 추출 정보: (-?d*) (.d )?
IP: (d ).(d ).(d ).(d )
전화 지역 번호: ^0d{2,3}$
Tencent QQ 번호: ^[1- 9]*[1-9][0-9]*$
계좌 번호(문자로 시작, 5-16바이트 허용, 영숫자 밑줄 허용): ^[a -zA-Z][a-zA-Z0 -9_]{4,15}$
중국어, 영어, 숫자 및 밑줄: ^[u4e00-u9fa5_a-zA-Z0-9] $
91. Native JavaScript로 폼 변경 이벤트 크기 조정 작업 구현 (모든 브라우저와 호환)
(function() {
var fn = function(){
var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
, r = 1255
,b = Element.extend(document .body)
,classname = b.className
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
