집 >
웹 프론트엔드 >
JS 튜토리얼 >
100개 이상의 실용적인 자바스크립트 기능 모음과 기본 작성 방법_자바스크립트 기술
100개 이상의 실용적인 자바스크립트 기능 모음과 기본 작성 방법_자바스크립트 기술
WBOY
풀어 주다: 2016-05-16 17:43:47
원래의
950명이 탐색했습니다.
1.document.write("");는 출력 문입니다 2. JS의 주석은 // 입니다. 3. 전통적인 HTML 문서 순서는 다음과 같습니다: document->html->(head,body) 4. 브라우저 창의 DOM 순서는 다음과 같습니다. window->(탐색기, 화면, 기록, 위치, 문서) 5. document.getElementById("The" 형식으로 요소의 이름과 값을 가져옵니다. ID 번호").name(또는 값) 형식의 요소 이름 6. 소문자에서 대문자로 JS: document.getElementById("output").value = document.getElementById("input").value. toUpperCase(); 7. JS의 값 유형: String, Number, Boolean, Null, Object, Function 8. JS의 문자 유형을 숫자 유형으로 변환: parseInt(), parseFloat() 9 . 숫자를 문자로 변환: ("" 변수) 10. JS의 문자열 길이는 다음과 같습니다. (length) 11. JS의 문자는 숫자를 사용하여 연결됩니다. <.>12.JS == 같음, != 같지 않음, >, >=, <.>13. JS에서 변수를 선언하려면 다음을 사용하세요. var를 사용하여 선언 14. JS 구조의 판단 문: if(조건){}else{} 15. JS의 루프 구조: for([초기 표현식];[조건];[upadte 표현식]) {내부 루프} 16. 루프가 중단되었습니다. break 17. JS의 함수 정의: function functionName([parameter],...){statement[s]} 18. 파일에 여러 양식이 나타나면 document .forms[0]을 사용할 수 있습니다. ,document.forms[1] 대신 19. 창: 창 열기 window.open(), 창 자체: self 20. ="Character";
21. 팝업 프롬프트 메시지: window.alert("Character") 22. 팝업 확인 상자 23. 입력 프롬프트 상자 팝업: 24. 현재 표시된 링크의 위치를 지정합니다: window.location.href="URL" 25. : document.forms.length 26. 문서의 출력 스트림을 닫습니다: document.close(); 27. 문자열 추가 커넥터: = 28. .createTextNode() 29. 요소를 가져오는 메서드: document.getElementById() 30. 양식의 모든 텍스트 유형 멤버 값을 비어 있도록 설정합니다. var form = window.document. form[ 0] for (var i = 0; i
49. 파일 스타일 JS 인용: 50. 스크립트를 지원하지 않는 브라우저에 표시할 HTML을 지정하세요. : 51. 하이퍼링크와 ONCLICK 이벤트가 모두 있는 경우 이전 버전의 브라우저는 a.html로 리디렉션되고, 그렇지 않으면 b.html로 리디렉션됩니다. 예: dfsadf
52.JS 내장 객체는 다음과 같습니다: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError 53 . JS의 줄바꿈: n 54. 창 전체 화면 크기:
55. JS의 모든 요소는 그 아래의 모든 요소를 나타냅니다.
56. JS의 포커스 순서: document.getElementByid( "Form Element").tabIndex = 1 57.innerHTML의 값은 form 요소의 값입니다. 예:
"How are
you"<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>이면 innerHTML 값은 you 58입니다. innerTEXT 값은 태그가 표시되지 않는다는 점을 제외하면 위와 동일합니다. 59.contentEditable can 요소 수정 가능 여부를 설정하고, isContentEditable은 수정 가능 여부 상태를 반환합니다. 60.isDisabled는 금지 상태인지 여부를 확인합니다. 비활성화는 금지 상태를 설정합니다. 61.length는 길이를 가져오고 반환합니다. 정수 값 62.addBehavior()는 JS에서 호출되는 외부 함수 파일입니다. 확장자는 .htc입니다. 63.window.focus()는 64 현재 창을 앞에 놓습니다. Blur()는 포커스를 잃는 것을 의미합니다. 65.select()는 요소가 선택되었음을 의미합니다. 66. .blur()" 67. 페이지의 발생 횟수에서 요소를 제거합니다: document.all.tags("div (또는 기타 HTML 태그)").length 68. 두 가지 유형이 있습니다. JS의 양식 출력: modal 및 non-modal.window.showModaldialog(), window.showModeless() 69. 상태 표시줄 텍스트 설정: window.status='text', 기본 상태 표시줄 텍스트 설정: window.defaultStatus = 'text.';
70 .즐겨찾기에 추가: external.AddFavorite("http://www.google.com","Google") 71. JS: window.onerror = doNothing; 오류 핸들을 지정하는 구문은 다음과 같습니다. window.onerror = handlerError; 72.JS에서는 현재 열려 있는 창의 상위 창을 지정합니다. 이는 여러 연속을 지원합니다. opener.opener.... 73.JS에서 self는 현재 창을 참조합니다 74. JS의 상태 표시줄 표시 내용: window.status="content" 75. JS는 프레임 세트 76의 최상위 프레임을 참조합니다. JS에서 현재 창을 닫습니다. JS에서 상자를 확인할지 묻습니다. if(confirm("Are; 정말로요?")){alert("ok");}else{alert ("Not Ok");} 78.JS에서 창 리디렉션: window.navigate("http://www.google.com "); 79.JS에서 인쇄: window.print () 80.JS에서 프롬프트 입력 상자: window.prompt("message","defaultReply"); 81에서 창 스크롤 막대. JS: window.scroll(x,y) 82.창을 JS의 위치로 스크롤: window.scrollby 83.JS에서 시간 간격 설정: setInterval("expr",msecDelay) 또는 setInterval( funcRef,msecDelay) 또는 setTimeout 84.Module in JS 상태는 IE4에 표시되지만 NN에는 표시되지 않습니다. showModalDialog("URL"[,arguments][,features]) 85; JS에서 종료: function verifyClose(){event.returnValue=" 우리는 당신을 정말 좋아하며 더 오래 머물기를 바랍니다.";}} window.onbeforeunload=verifyClose; 86. 처음: onload() 87. 닫을 때 파일 핸들이 호출될 때: onunload() 88.window.location의 속성: 프로토콜(http:),hostname(www.example.com), port(80),host(www.example.com:80 ), pathname("/a/a.html"), hash("#giantGizmo", 해당 앵커로 점프하는 것을 나타냄), href (모든 정보) 89.window.location.reload() 새로 고침 현재 페이지 89-1.parent.location.reload()는 상위 개체를 새로 고칩니다(프레임용) 89-2.opener.location.reload( ) 상위 창 객체 새로 고침(단일 열린 창의 경우) 89-3.top.location.reload() 상단 객체 새로 고침(여러 창의 경우)
90.window.history.back( ) 이전 페이지로 돌아가기, window.history.forward () 다음 페이지로 돌아가기, window.history.go (페이지로 돌아가기, 방문한 URL을 사용할 수도 있음) 91.document.write() 출력 줄 바꿈 없이 document.writeln() 줄 바꿈 출력 92.document.body.noWrap=true; 링크 텍스트가 줄바꿈되지 않도록 합니다. 93.Variable name.charAt(number), 변수의 문자를 사용합니다. . 94."abc" .charCodeAt(number), 해당 문자의 ASCII 코드 값을 반환합니다. 95. 문자열 연결: string.concat(string2) 또는 =를 사용하여 96을 연결합니다. .indexOf("문자 ", 시작 위치)는 첫 번째 발생 위치(0부터 계산) 97.string.lastIndexOf(searchString[,startIndex]) 마지막 발생 위치 98을 반환합니다. string.match(regExpression), 문자가 일치하는지 확인합니다. 99.string.replace(regExpression,replaceString)는 기존 문자열을 대체합니다. 100.string.split(구분 기호)은 배열 저장 값을 반환합니다. >101. string.substr(start[,length])는 숫자부터 지정된 길이까지의 문자열을 가져옵니다. 102.string.toLowerCase()는 문자열을 모두 소문자로 만듭니다. 103.string.toUpperCase() 모든 문자를 대문자로 만듭니다. 104.parseInt(string[,radix (representing base)])는 강제로 정수 유형으로 변환됩니다. 105.parseFloat(string[,radix])는 강제로 변환됩니다. 106.isNaN(변수): 숫자형인지 테스트합니다. 107. 상수 정의용 키워드: const, 변수 정의용 키워드: var