JavaScript의 함수 객체
JavaScript 문은 웹사이트 제작 과정에서 자주 사용됩니다. 일부 관련 JavaScript 구조를 익히는 것은 웹사이트 제작에 큰 도움이 됩니다!
1.document.write(""); 출력문
2. JS의 주석은 //
3. 전통적인 HTML 문서 순서는 다음과 같습니다: document->html->(head,body)
4. 브라우저 창의 DOM 순서 is: window->(navigator, screen, History, location, document)
5. 다음 형식으로 요소의 이름과 값을 가져옵니다. document.getElementById("ID number of the element in the form").name(또는 value )
6. 소문자를 대문자로 변환하는 하나의 JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase()
7. JS의 값 유형: 문자열, 숫자, 부울, Null, Object, Function
8. JS의 문자 유형은 숫자 유형으로 변환됩니다:parseInt(), parseFloat()
9. JS의 숫자는 문자 유형으로 변환됩니다: (""+variable)
10. 길이 JS의 문자열은 다음과 같습니다. (length )
11. + 기호는 JS의 문자와 문자를 연결하는 데 사용됩니다.
12. JS의 비교 연산자는 == 같음, != 같지 않음, >, >=, <입니다. .<=
13. JS에서 변수를 사용하여 :var을 선언하여 명령문 만들기
14. JS의 판단 문 구조: if(condition){}else{}
15. JS의 루프 구조: for([초기 표현식];[ 조건];[upadte 표현식]) {inside loop }
16. 루프를 종료하는 명령은 다음과 같습니다. break
17. JS의 함수 정의: function functionName([parameter],...){statement[s]}
18. When 파일에 여러 양식이 나타나면 대신 document .forms[0],document.forms[1]을 사용할 수 있습니다.
19. 창: 창 열기 window.open(), 창 닫기: window.close(), 창 자체: self
20. 상태 표시줄 설정: window.status="character";
21. 팝업 메시지: window.alert("character")
22.
팝업 확인 상자: window.confirm();
입력 프롬프트 상자: window.prompt();
24. 현재 링크 위치 표시: window.location.href="URL"
25. 형식으로 모든 양식의 수를 가져옵니다: document.forms.length
26. 문서의 출력 스트림을 닫습니다: document.close();
27. 문자열 추가 커넥터: +=
28. 문서 요소 생성: document.createElement(), document.createTextNode()
29. 요소를 가져오는 방법: document. getElementById()
30. 양식의 모든 텍스트 멤버 값을 비어 있도록 설정합니다.
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++){
if (form.elements[i].type == "텍스트"){
form.elements[i].value = "";
}
}
31. JS에서 체크 버튼이 선택되어 있는지 결정합니다: document.forms[0].checkThis.checked (checked 속성은 선택되었는지 여부를 나타내며 TRUE 또는 FALSE를 반환합니다)
32. 라디오 버튼 그룹(라디오 버튼의 이름은 다음과 같아야 합니다) 동일함): 라디오 버튼 그룹의 길이를 가져옵니다. document.forms[0].groupName.length
33. Checked는 라디오 버튼 그룹이 선택되었는지 여부를 결정하는 데에도 사용됩니다.
34. 드롭다운 목록 상자의 값입니다. : document.forms[0].selectName.options[ n].value(n은 선택한 값을 결정하기 위해 드롭다운 목록 상자 이름과 .selectedIndex를 함께 사용하는 경우도 있음)
35. 문자열 정의: var myString = new String( "This is Lightsword");
36. 문자열을 대문자로 변환 :string.toUpperCase(); 문자열을 소문자로 변환: string.toLowerCase()
37. 문자열 1에서 문자열 2가 나타나는 위치를 반환합니다. String2")!=-1은 찾을 수 없음을 의미합니다.
38. 문자열의 지정된 위치에서 문자를 가져옵니다: StringA.charAt(9);
39. 문자열의 지정된 시작 지점과 끝 지점에서 하위 문자열을 가져옵니다. stringA.substring(2,6);
40. 수학 함수: Math .PI(pi 반환), Math.SQRT2(제곱근 반환), Math.max(value1, value2)는 두 숫자 중 가장 높은 값인 Math를 반환합니다. .pow(value1,10)은 value1의 10제곱을 반환하고, Math .round(value1) 반올림 함수, Math.floor(Math.random()*(n+1))은 난수
41을 반환합니다. 날짜 변수 정의: var today = new Date();
42. 날짜 함수 목록: dateObj.getTime()은 시간을 가져오고, dateObj.getYear()는 연도를 가져오고, dateObj.getFullYear()는 4자리 연도를 가져오고, dateObj.getMonth()는 월을 가져옵니다. , dateObj.getDate()는 일을 가져오고, dateObj.getDay()는 날짜를 가져오고, dateObj.getHours()는 시간을 가져오고, dateObj.getMinutes()는 분을 가져오고, dateObj.getSeconds()는 초를 가져오고, dateObj.setTime( value)는 시간을 설정하고, dateObj.setYear(val)는 연도를 설정하고, dateObj.setMonth(val)은 월을 설정하고, dateObj.setDate(val)는 일을 설정하고, dateObj.setDay(val)는 요일을 설정하고, dateObj는 .setHours는 시간을 설정하고, dateObj.setMinutes(val)는 분을 설정하고, dateObj.setSeconds(val)은 초를 설정합니다. [참고: 이 날짜와 시간은 0부터 시작합니다.]
43. FRAME 표현: [window.]frames[n ].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent는 상위 개체를 나타내고, top은 최상위 개체를 나타냅니다
. 45.자식 열기 창의 상위 창은 다음과 같습니다. opener
46. 현재 위치를 나타냅니다. this
47. 하이퍼링크에서 JS 함수를 호출할 때 다음을 사용하세요: (javascript:) 함수 이름으로 시작하세요
48. 이전 브라우저에서는 실행되지 않습니다 JS:<!-- //-->
49. 파일 참조- style JS: <script type="text/javascript" src="aaa.js"></script>
50. 브라우저가 표시하는 스크립트 HTML을 지원하지 않는 브라우저를 지정합니다: <noscript></noscript>
51. 하이퍼링크이자 ONCLICK 이벤트인 경우 이전 버전의 브라우저는 a.html로 리디렉션되고, 그렇지 않으면 b.html로 리디렉션됩니다. 예: <a href="a.html " onclick="location.href='b. html';return false">dfsadf</a>
52. JS의 내장 객체는 다음과 같습니다: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError , TypeError, URIError
53. JS의 줄 바꿈:n
54. 창 전체 화면 크기: <script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen .availWidth;this.outerHeight=screen .availHeight;}window.maximize=fullScreen;</script>
JS의 55.all은 그 아래의 모든 요소를 나타냅니다.
56. JS의 초점 순서: document.getElementByid("Form Element" ).tabIndex = 1
57. innerHTML의 값 <p id="para">"<em>당신은</em>"</p>과 같은 양식 요소의 값이고 innerHTML의 값은 <em>당신은 어떻습니까</p>입니다. em>
58. innerTEXT의 값은 <em> 태그가 표시되지 않는다는 점을 제외하면 위와 동일합니다.
59.contentEditable은 요소 수정 가능 여부를 설정할 수 있으며, isContentEditable은 수정 가능 여부 상태를 반환합니다.
60.isDisabled는 금지 상태인지 여부를 결정합니다. 비활성화는 금지 상태를 설정합니다.
61.length
는 길이를 가져오고 정수 값을 반환합니다.
62.addBehavior
()는 JS에서 호출하는 외부 함수 파일입니다.
.focus()는 현재 창을 모든 창 앞에 놓습니다.
64.blur()는
초점을 잃는 것을 의미합니다.
65.select()는 요소가 선택된다는 것을 의미합니다.
텍스트 상자: onfocus=" this.blur()"
67. 페이지에서 이 요소의 발생 횟수를 가져옵니다: document.all.tags("div (또는 기타 HTML 태그)").length
68. 두 가지가 있습니다. JS의 양식 출력 유형: 모듈 모달 및 비모달 window.showModaldialog(), window.showModeless()
69. 상태 표시줄 텍스트 설정: window.status='text', 기본 상태 표시줄 텍스트 설정: window.defaultStatus = 70.
즐겨찾기에 추가: external.AddFavorite(" http://www.dannyg.com","jaskdlf ")
71. JS에서 스크립트 오류가 발생하면 아무것도 하지 마세요: window.onerror = doNothing; 오류 핸들 지정 구문은 다음과 같습니다. window.onerror = handlerError
72. JS에서 현재 열려 있는 창의 상위 창을 지정합니다. opener.opener의 여러 연속을 지원하는 window.opener...
73. JS의 Self 현재 창을 참조합니다
74. JS의 상태 표시줄에 표시된 내용: window.status="content"
75.JS의 75.top은 프레임 세트의 최상위 프레임을 참조합니다
. 76. JS에서 현재 창을 닫습니다. window.close ();
77. JS 확인 상자에 제안됨: if(confirm("확실합니까?")){alert("ok");}else{alert("Not Ok");}
78. JS에서 창 리디렉션: window.navigate( " http://www.sina.com.cn ");
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. JS의 모달은 IE4+ 라인에 표시되지만 NN에는 표시되지 않습니다. showModalDialog("URL"[,arguments][,features])
85. JS에서 종료하기 전에 사용되는 핸들: function verifyClose( ){event.returnValue="우리는 당신을 정말 좋아하며 더 오래 머물기를 바랍니다.";}} window.onbeforeunload=verifyClose;
86. 양식이 처음 호출될 때 사용되는 파일 핸들: onload()
87. 언제 본문이 닫힐 때 호출되는 창 파일 핸들: onunload()
88. window.location의 속성: 프로토콜(http:), 호스트 이름( www.example.com), 포트(80), 호스트(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; 링크 텍스트가 줄바꿈되는 것을 방지합니다
. name.charAt(숫자 비트), 변수의 문자를 가져옵니다.
94. "abc".charCodeAt(number), 문자의 ASCII 코드 값을 반환합니다.
95. 문자열 연결: string.concat(string2) 또는 사용 += 연결
96. 변수 .indexOf("Character", 시작 위치), 첫 번째 발생 위치를 반환합니다(0에서 계산).
97.string.lastIndexOf(searchString[,startIndex]) 마지막 발생 위치
98
..string.match(regExpression)는 문자가 일치하는지 확인합니다.
99.string.replace(regExpression,replaceString)는 기존 문자열을 대체합니다.
101.string은
값을 저장하는 배열을 반환합니다.
(start[,length])는
숫자부터 지정된 길이까지의 문자열을 가져옵니다.
102.string.toLowerCase()는 모든 문자열을 소문자로 만듭니다.
103.string.toUpperCase()는 모든 문자를 대문자로 만듭니다.
,radix(기수를 나타냄)])는 정수형으로 강제 변환됩니다.
105.parseFloat(string[,radix])는 부동 소수점 유형으로 강제 변환됩니다.
106.isNaN(variable): 숫자형인지 테스트합니다.
107. 상수를 정의하는 키워드: const, 변수를 정의하는 키워드: var