>웹 프론트엔드 >JS 튜토리얼 >JS 컬렉션 학습노트(1편)_기초지식

JS 컬렉션 학습노트(1편)_기초지식

WBOY
WBOY원래의
2016-05-16 19:21:02906검색

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(또는 value)
6. 소문자를 대문자로 JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7. JS의 값 유형: 문자열, 숫자, 부울, Null, 개체, 함수
8. JS에서 문자 유형을 숫자 유형으로 변환:parseInt(),parseFloat()
9. JS의 숫자를 문자 유형으로 변환: ("" 변수)
10. JS의 문자열 길이는 다음과 같습니다.
11.JS의 문자는 기호를 사용하여 문자와 연결됩니다.
12. JS의 비교 연산자는 == 같음, != 같지 않음, >, >=, <.>13. 사용: JS에서 변수를 선언하는 데 var
14.JS의 판단문 구조: if(condition){}else{}
15. JS의 루프 구조: for([초기 표현식];[조건];[upadte 표현식]) {내부 루프}
16. 루프를 종료하는 명령은 다음과 같습니다.
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 if (form.elements.type == "text"){
form.elements.value = "";
}
}
31. JS에서 확인 버튼이 선택되었는지 확인: document.forms[0].checkThis.checked(checked 속성은 선택되었는지 여부를 나타내며 TRUE 또는 FALSE를 반환합니다)
32. 라디오 버튼 그룹(라디오 버튼의 이름은 동일해야 함): 라디오 버튼 그룹의 길이를 취함 document.forms[0].groupName.length
33. 라디오 버튼 그룹도 선택 여부를 확인하기 위해 selected를 사용합니다.
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 인용:

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. 창 전체 화면 크기: <script></script> <script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>JS의 55.all은 그 아래의 모든 요소를 ​​나타냅니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.