집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript 공통 기능_javascript 기술

JavaScript 공통 기능_javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의: 2016-05-16 18:37:40904검색

자바스크립트 함수는 다섯 가지 범주로 나눌 수 있습니다.
· 일반 함수
· 배열 함수
· 날짜 함수
· 수학 함수
· 문자열 함수
1. 일반 함수
🎜> 자바스크립트 일반 함수에는 다음 9가지 함수가 포함됩니다.
(1) 경고 함수: 확인 버튼을 포함한 경고 대화 상자를 표시합니다.
　(2)확인 기능: 확인, 취소 버튼이 포함된 확인 대화 상자를 표시합니다.
　(3) 이스케이프 기능: 문자를 유니코드 코드로 변환합니다.
(4) eval 함수: 표현식의 결과를 계산합니다.
(5) isNaN 함수: true인지 false인지 테스트합니다.
　(6)parseFloat 함수: 문자열을 점으로 구분된 디지털 형식으로 변환합니다.
　(7)parseInt 함수: 문자열을 정수 디지털 형식으로 변환합니다(십진법 지정 가능).
　(8) 프롬프트 기능: 입력 대화 상자를 표시하여 사용자 입력을 기다리라는 메시지를 표시합니다. 예:
<script> <!-- Alert("입력 오류") 프롬프트("이름을 입력하세요", "이름" ; 2. 배열 함수 자바스크립트 배열 함수에는 다음 4가지 함수가 포함됩니다. (1) 조인 함수: 배열의 모든 요소를 문자열로 변환하고 연결합니다. 예: 함수 JoinDemo() var a, b a = new Array(0,1,2,3,4); b = a.join(" -");//Separator Return(b);//Returned b=="0-1-2-3-4" 　} (2)length 함수: 배열의 길이를 반환합니다. 예: 함수 LengthDemo() var a, l a = new Array(0,1,2,3,4) l = a.length; l);//l==5 　　} 　(3) 역기능: 배열 요소의 순서를 반대로 바꿉니다. 예: 함수 ReverseDemo() { var a, l a = new Array(0,1,2,3,4) l = a.reverse() ; 　return(l); 　} 　 (4) 정렬 기능: 배열 요소를 재정렬합니다. 예: 함수 SortDemo() { var a, l a = new Array("X","y","d", "Z", "v"," m","r"); l = a.sort(); return(l); (1) getDate 함수: 날짜의 "일" 부분을 반환합니다. 1부터 31까지의 값. 예: 함수 DateDemo() { var d, s = "오늘 날짜: "; d = new Date() s = (d.getMonth() 1 ) "/"; 　s = d.getDate() "/"; 　s = d.getYear() 　return(s) 　(2)getDay 함수 : 요일을 반환하며, 값은 0~6이며, 0은 일요일, 1은 월요일,..., 6은 토요일을 의미합니다. 예: 함수 DateDemo() { var d, day, x, s = "오늘은 "; var x = new Array("일요일", "월요일", "화요일" "); var x = x.concat("수요일", "목요일", "금요일"); var x = x.concat("토요일"); d = new Date() ; 　 day = d.getDay(); return(s = x[day]); 　} (3) getHouse 함수: 날짜의 "시간" 부분을 반환, 값은 0~ 스물셋. 예. 함수 TimeDemo() { var d, s = "현재 현지 시간: "; var c = ":" d = new Date(); > s = d.getHours() c; s = d.getMinutes() c; s = d.getSeconds() c; s = d.getMilliseconds(); s); 　} 　 (4) getMinutes 함수: 날짜의 "분" 부분을 반환하며 값은 0~59입니다. 위의 예를 참조하세요. (5) getMonth 함수: 날짜의 "월" 부분을 0에서 11 사이의 값으로 반환합니다. 그 중 0은 1월을 나타내고, 2는 3월, ..., 11은 12월을 나타냅니다. 이전 예를 참조하세요. (6) getSeconds 함수: 날짜의 "초" 부분을 반환하며 값은 0~59입니다. 이전 예를 참조하세요. 　(7)getTime 함수: 시스템 시간을 반환합니다. 함수 GetTimeTest() { var d, s, t; var MinMilli = 1000 * 60; var HrMilli = MinMilli * 60 ; ); 　t = d.getTime(); /70"; 　 return(s); 　} 　 (8) getTimezoneOffset 함수: 해당 지역의 시차(지역별 시차)를 반환합니다. 현지 시간과 GMT 그리니치 표준시 사이)(분). 　　　function TZDemo() 　　　{ 　　　　var d, tz, s = "The current local time is "; 　　　　d = new Date(); 　　　　tz = d.getTimezoneOffset(); 　　　　if (tz < 0) 　　　　s += tz / 60 + " hours before GMT"; 　　　　else if (tz == 0) 　　　　s += "GMT"; 　　　　else 　　　　s += tz / 60 + " hours after GMT"; 　　　　return(s); 　　　} 　　(9)getYear函数：返回日期的"年"部分。返回值以1900年为基数，例如1999年为99。前面有例子。 　　(10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。 　　　function GetTimeTest(testdate) 　　　{ 　　　　var d, s, t; 　　　　var MinMilli = 1000 * 60; 　　　　var HrMilli = MinMilli * 60; 　　　　var DyMilli = HrMilli * 24; 　　　　d = new Date(); 　　　　t = Date.parse(testdate); 　　　　s = "There are " 　　　　s += Math.round(Math.abs(t / DyMilli)) + " days " 　　　　s += "between " + testdate + " and 1/1/70"; 　　　　return(s); 　　　} 　　(11)setDate函数：设定日期的"日"部分，值为0～31。 　　(12)setHours函数：设定日期的"小时"部分，值为0～23。 　　(13)setMinutes函数：设定日期的"分钟"部分，值为0～59。 　　(14)setMonth函数：设定日期的"月"部分，值为0～11。其中0表示1月，...，11表示12月。 　　(15)setSeconds函数：设定日期的"秒"部分，值为0～59。 　　(16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。 　　(17)setYear函数：设定日期的"年"部分。 　　(18)toGMTString函数：转换日期成为字符串，为GMT格林威治标准时间。 　　(19)setLocaleString函数：转换日期成为字符串，为当地时间。 　　(20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。 　　4.数学函数 　　javascript数学函数其实就是Math对象，它包括属性和函数(或称方法)两部分。其中，属性主要有下列内容。 　　Math.e:e(自然对数)、Math.LN2（2的自然对数)、Math.LN10(10的自然对数)、Math.LOG2E(e的对数，底数为2)、 </script>

Math.LOG10E(e的对数，底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2(2的平方根值)。
　　函数有以下18个：
　　(1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。
　　(2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。
　　(3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。
　　(4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。
　　(5)atan2函数：返回一个坐标的极坐标角度值。
　　(6)ceil函数：返回一个数字的最小整数值(大于或等于)。
　　(7)cos函数：返回一个数字的余弦值，结果为-1～1。
　　(8)exp函数：返回e(自然对数)的乘方值。
　　(9)floor函数：返回一个数字的最大整数值(小于或等于)。
　　(10)log函数：自然对数函数，返回一个数字的自然对数(e)值。
　　(11)max函数：返回两个数的最大值。
　　(12)min函数：返回两个数的最小值。
　　(13)pow函数：返回一个数字的乘方值。
　　(14)random函数：返回一个0～1的随机数值。
　　(15)round函数：返回一个数字的四舍五入值，类型是整数。
　　(16)sin函数：返回一个数字的正弦值，结果为-1～1。
　　(17)sqrt函数：返回一个数字的平方根值。
　　(18)tan函数：返回一个数字的正切值。
　　5.字符串函数
　　javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作，共包括以下20个函数：
　　(1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称，另一个函数link设定的URL地址。
　　(2)big函数：将字体加到一号，与...标签结果相同。
　　(3)blink函数：使字符串闪烁，与...标签结果相同。
　　(4)bold函数：使字体加粗，与...标签结果相同。
　　(5)charAt函数：返回字符串中指定的某个字符。
　　(6)fixed函数：将字体设定为固定宽度字体，与...标签结果相同。
　　(7)fontcolor函数：设定字体颜色，与标签结果相同。
　　(8)fontsize函数：设定字体大小，与标签结果相同。
　　(9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。
　　(10)italics函数：使字体成为斜体字，与...标签结果相同。
　　(11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。
　　(12)length函数：返回字符串的长度。(不用带括号)
　　(13)link函数：产生一个超级链接，相当于设定的URL地址。
　　(14)small函数：将字体减小一号，与...标签结果相同。
　　(15)strike函数：在文本的中间加一条横线，与...标签结果相同。
　　(16)sub函数：显示字符串为下标字(subscript)。
　　(17)substring函数：返回字符串中指定的几个字符。
　　(18)sup函数：显示字符串为上标字(superscript)。
　　(19)toLowerCase函数：将字符串转换为小写。
　　(20)toUpperCase函数：将字符串转换为大写。

이벤트 소스 개체
event.srcElement.tagName
event.srcElement.type

캡처 릴리스
event.srcElement.setCapture ();
event.srcElement.releaseCapture();

이벤트 키
event.keyCode
event.shiftKey
event.altKey
이벤트 .ctrlKey

이벤트 반환 값
event.returnValue

마우스 위치
event.x
event.y

양식 활성 요소
document.activeElement

바인딩 이벤트
document.captureEvents(Event.KEYDOWN)

양식 요소에 액세스
document.all("txt").focus()
document.all("txt").select()

FORM COMMAND
document.execCommand

FORM COOKIE
document.cookie

메뉴 이벤트
document.oncontextmenu

요소 만들기
document.createElement("SPAN");

마우스 기반 요소 가져오기 ：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

양식 이미지
document.images[index]

양식 이벤트 바인딩
document.onmousedown=scrollwindow;

요소
document.Form.elements[index]

객체 바인딩 이벤트
document.all.xxx.detachEvent('onclick',a)

플러그인 수
navigator.plugins

변수 유형 가져오기
typeof($js_libpath) == "정의되지 않음"
드롭다운 상자
드롭다운 box.options[index]
드롭다운 box.options.length

객체 찾기
document.getElementsByName("r1")
document.getElementById(id);

타이밍
timer=setInterval('scrollwindow()',delay)
clearInterval(timer); 🎜>
UNCODE 인코딩
escape(),unescape

상위 개체
obj.parentElement(dhtml) obj.parentNode(dom)

테이블 행 교환
TableID.moveRow(2,1) //세 번째 행을 두 번째 행으로 교환

CSS 바꾸기
document.all.csss.href = "a.css";

나란히 표시
display:inline

초점 숨기기
hidefocus=true

너비에 따라 줄바꿈
style="word-break:break-all"

자동 새로고침

간단한 이메일

빠른 위치로 이동
obj.scrollIntoView(true)

앵커
앵커
웹페이지 전달 매개변수

location.search()
편집 가능

obj.contenteditable=true
실행 메뉴 명령

obj.execCommand
2바이트 문자

/[^x00-xff]/
한자

/[u4e00-u9fa5]/
테이블 너비를 초과하면 영어 문자열이 자동으로 줄 바꿈됩니다

word-wrap: break-word-break; : break-all;
투명한 배경

>스타일 콘텐츠 가져오기
obj.style.cssText

HTML 태그 document.documentElement.innerHTML

첫 번째 스타일 태그 document.styleSheets[0]

스타일 태그의 첫 번째 스타일 document.styleSheets[0].rules[0]

빈 링크 클릭시 페이지가 페이지 상단으로 재설정되는 것을 방지합니다.
word

이전 웹페이지 소스
asp:
요청 .servervariables("HTTP_REFERER")
javascript:
document.referrer

메모리 해제
CollectGarbage()

권한 비활성화
document.oncontextmenu = function() { return false;}

저장 비활성화

선택 비활성화

주소 표시줄 아이콘

favicon.ico 이름은 16가지 색상으로 16*16이어야 하며 가상 디렉터리의 루트 디렉터리에 배치되어야 합니다.

즐겨찾기 표시줄 아이콘

소스 코드 보기

입력 방법 닫기

모두 자동 선택

ENTER 키는 커서를 다음 입력 상자로 이동할 수 있습니다

텍스트 box 기본값 >
var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()

창이 닫혔습니다 win.closed

체크박스 플랫

선택한 콘텐츠 가져오기 document.selection.createRange().duplicate().text

자동 완성 기능 이 기능 켜기
이 기능 끄기

창 최대화

>
닫기 버튼 IE 없음

window.open("aa.htm", "meizz", "fullscreen=7")
균일 인코딩/디코딩

alert(decodeURIComponent( encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent는 ":", "/", ";"도 인코딩합니다.

테이블 행 지침
>다양한 크기

s = "rn웹페이지 표시 영역 너비:" document.body.clientWidth;
s = "rn웹페이지 표시 영역 높이:" document.body.clientHeight;
s = "rn웹페이지의 표시 영역 영역 높이: " document.body.offsetWeight "(가장자리 너비 포함)" s = "rn웹 페이지의 표시 영역 높이: " document.body .offsetHeight " (가장자리 너비 포함)"; s = "rn웹페이지 본문의 전체 텍스트 너비:" document.body.scrollWidth = "rn웹페이지 본문의 전체 텍스트 높이: " document.body.scrollHeight;
s = "rn웹페이지의 스크롤된 높이:" document.body.scrollTop;
s = "rn스크롤되는 웹페이지의 왼쪽 부분:" document.body.scrollLeft;
s = "rn웹페이지 본문:" window.screenTop; s = "rnWebpage 왼쪽 텍스트 부분: " window.screenLeft s = "rn화면 해상도 높이:" window.screen .height;
s = "rn화면 해상도 너비:" window.screen.width;
s = "rn화면 사용 가능 작업 영역 높이:" window.screen.availHeight; 작업 영역 너비:" window.screen.availWidth;

성명：

이전 기사：20가지 훌륭한 Jquery 유틸리티 외국 기사_jquery다음 기사：20가지 훌륭한 Jquery 유틸리티 외국 기사_jquery

JavaScript 공통 기능_javascript 기술

관련 기사