JavaScript 기본 지식 및 일반적인 방법 요약_javascript 기술-JS 튜토리얼-php.cn

JAVASCRIPT는 AJAX 기술에 없어서는 안 될 부분이므로 AJAX와 인기 있는 AJAX 프레임워크를 잘 배우고 싶다면 JAVASCRIPT를 잘 배우는 것이 가장 중요합니다.

1. 기본 지식:

1.document.write("") 출력문
2. JS의 주석은 //
3. 전통적인 HTML 문서 순서는 다음과 같습니다: document->html->(head,body)
4. 브라우저 창의 DOM 시퀀스는 다음과 같습니다. 창->(네비게이터, 화면, 기록, 위치, 문서)
5. 다음 형식으로 요소의 이름과 값을 가져옵니다. document.getElementById("ID number of the element in the form").name (or value)
6. 소문자를 대문자로 변환하는 JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7. JS의 값 유형: 문자열, 숫자, 부울, Null, 개체, 함수
8. JS의 문자 유형을 숫자 유형으로 변환:parseInt(),parseFloat()
9. JS의 숫자를 문자 유형으로 변환: ("" 변수)
10. JS의 문자열 길이는 다음과 같습니다: (length)
11. JS의 문자는 기호를 사용하여 문자와 연결됩니다.
12. JS의 비교 연산자에는 == 같음, != 같지 않음, >, >=, <.<=
이 포함됩니다. 13. JS에서 변수를 선언하려면 다음을 사용하세요. var를 사용하여
선언 14.JS의 판단문 구조: if(condition){}else{}
15. JS의 루프 구조: for([초기 표현식];[조건];[upadte 표현식]) {내부 루프}
16. 루프를 종료하는 명령은 다음과 같습니다: break
17. JS의 함수 정의: function functionName([매개변수],...){statement[s]}
18. 파일에 여러 양식이 나타나면 document.forms[0], document.forms[1]을 대신 사용할 수 있습니다
19. 창: 창 열기 window.open(), 창 닫기: window.close(), 창 자체: self
20. 상태 표시줄 설정: window.status="character";
21. 팝업 프롬프트 메시지: window.alert("Character");
22. 팝업 확인 상자: window.confirm();
23. 입력 프롬프트 상자 팝업: 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 == "text"){
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가 나타나는 위치를 반환합니다. String1.indexOf("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. 프레임 표현: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent는 상위 객체를 나타내고, top은 최상위 객체를 나타냅니다
45. 자식 창을 여는 부모 창은 다음과 같습니다: opener
46. 현재 위치를 나타냅니다: 이
47. 하이퍼링크에서 JS 함수를 호출할 때 다음을 사용하세요: (javascript:)를 사용하여 함수 이름
을 시작하고 추가합니다. 48. 이 JS는 이전 브라우저에서는 실행되지 않습니다:
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. 창 전체 화면 크기: