JsDom 프로그래밍 요약_javascript 기술
- WBOY원래의
- 2016-05-16 18:03:281222검색
1. 브라우저 호환성 문제:
브라우저 호환성의 예: IE6 및 IE7은 IE8과 다르게 table.appendChild("tr")를 지원합니다. 대신 insertRow 및 insertCell을 사용하거나 테이블에 tbody를 추가한 다음 테이블에 tbody를 추가합니다. tbody에 tr을 추가합니다. FF(FireFox)는 InnerText를 지원하지 않습니다. 대신 textContent를 사용하세요.
2. 거의 모든 DOM 요소에는 요소 태그와 HTML 소스 코드에 있는 콘텐츠의 텍스트 표현인 innerText 및 innerHTML 속성(대소문자 참고)이 있습니다. 이 두 속성은 읽고 쓸 수 있습니다.
InnerHTML은 요소를 동적으로 생성할 때 createElement()를 대체할 수 있습니다. 이는 간단하고 광범위한 유형이며 생성되는 위험은 사용자의 책임입니다.
3.write():
document.write()만 사용할 수 있습니다. 페이지 로딩 과정에서 동적으로 생성됩니다.
4.
Document는 window 객체의 속성이므로 window 객체 멤버를 사용할 경우에는 생략할 수 있으므로 일반적으로 document를 직접 작성합니다
5.history 작업 역사
window.history .back()은 뒤로 가고, window.history.forward()는 앞으로 갑니다. 또한 window.history.go(-1), window.history.go(1)를 사용하여
6.clipboardData 개체를 진행하고 페이스트보드를 작동할 수 있습니다.
clearData("Text")를 사용하여 페이스트보드를 지울 수 있습니다. ; getData("Text")는 페이스트보드의 값을 읽고 반환 값은 페이스트보드의 내용입니다. setData("Text",val)는 페이스트보드의 값을 설정합니다.
7.oncopy="setTimeout('modifyClipboard()',100)". 사용자의 복사 작업은 대지의 내용을 변경하기 0.1초 후에 발생합니다. 100ms는 일반적인 값이므로 1000, 10, 50, 200...을 쓸 수 있습니다. 대지는 oncopy에서 직접 수정할 수 없습니다. oncopy에서는 페이스트보드에 대한 작업을 직접 수행할 수 없으므로 타이머를 설정하고 0.1초 후에 실행하여 더 이상 oncopy
8.returnValue 속성:
returnValue 속성의 실행 호출 스택에 남지 않도록 합니다. returnValue를 false로 설정하면 기본 이벤트 처리가 취소됩니다. 하이퍼링크 클릭 시 href 페이지에 대한 액세스를 비활성화합니다. 잘못된 데이터가 서버에 제출되는 것을 방지하고 페이지를 새로 고치는 것을 방지하기 위해 양식 검증 중에는 서버에 양식을 제출하는 것이 금지되어 있습니다.
//window.event.returnValue는 Firefox 브라우저와 호환되지 않습니다.
9.
window.event 개체의 구성원:
srcElement, 이벤트 소스 개체를 가져옵니다. 여러 이벤트가 이벤트 응답 기능을 공유합니다. **_click(object sender,EventArgs e)//IE에서만 지원됩니다.
버튼은 이벤트 발생 시 마우스 버튼으로 1은 왼쪽 버튼, 2는 오른쪽 버튼, 3은 왼쪽과 오른쪽 버튼이 동시에 눌러지는 버튼입니다. //event.button의 값을 테스트하고 싶다면 onmousedown 이벤트에서 테스트해 보세요. onclick 이벤트에서 마우스 왼쪽 버튼 클릭만 인식되는 경우.
10.
window.location.href='';//새 페이지로 다시 이동하면 값을 가져오거나 할당할 수 있습니다.
window.location.reload(); // 현재 페이지 새로 고침
location.search: URL 가져오기(? 번호 뒤, ? 포함)
(1) onload: 웹 페이지가 로드됨 브라우저가 문서를 다운로드하고 동시에 구문 분석하고 실행할 때 발생합니다. JavaScript가 실행될 때 특정 요소가 작동해야 하는 경우가 있습니다. 그렇다면 해당 요소가 로드되지 않은 것입니다. 본문의 onload 이벤트에 배치해야 합니다. 또는 요소 뒤에 JavaScript를 넣을 수 있습니다. 요소의 onload 이벤트는 요소 자체가 로드될 때 발생하며, body onload는 모든 로드가 완료될 때 발생합니다.
(2) onunload: 웹 페이지가 닫힌 후(또는 떠난 후) 발생합니다.
(3) onbeforeunload: 웹페이지가 닫힐(또는 떠날) 준비가 되기 전에 트리거됩니다.
12.
js에서 메서드를 호출할 때 해당 메서드에 포인터를 할당합니다.
var t=add
function add(){}
window.event. clientX 클라이언트 시각적 인터페이스입니다.
14.
1. setInterval(code, time) 메소드는 밀리초마다 코드를 실행할 수 있습니다.
코드를 직접 입력하는 방법은 두 가지가 있습니다. transfer 메소드 객체 입력 - setInterval(showTime,1000);
2. 실행할 js 코드 문자열을 직접 전달합니다. - setInterval("alert(1);",1000); (객체의 속성과 값을 반복하는 데 사용됩니다.)
for in을 사용하여 배열을 반복할 때 배열의 속성이 먼저 반복되고
배열의 요소가 반복됩니다. , 그러나 이때 루프 아웃된 k는 첨자
3. innerHTML
해당 이중 태그 중간에 문자열을 추가합니다.
그리고 문자열이 html 태그의 구문과 일치하면 즉시 문자열을 구문 분석하고
브라우저의 구문 분석기를 즉시 호출하여 문자열에 대해 html 구문 분석을 수행하고
해당 DOM 개체를 생성하고 마지막으로 추가합니다. 추가된
객체의 하위 요소 컬렉션(ChildNodes)에 DOM 객체를 추가합니다.
15.
ShowModalDialog 함수의 기능:
자식 창을 열고 상위 창과 데이터를 주고받을 수 있습니다.
자식 창 다음은 다음과 같습니다. ShowModalDialog로 열면 상위 창이 작동하지 않습니다.
사용법:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
매개변수 설명:
sURL
필수 매개변수, 유형: 문자열. 대화 상자에 표시할 문서의 URL을 지정하는 데 사용됩니다.
vArguments
선택적 매개변수, 유형: 변형. 대화 상자에 매개변수를 전달하는 데 사용됩니다.
그룹 등을 포함하여 전달되는 매개변수 유형에는 제한이 없습니다. 대화 상자는 window.dialogArguments를 통해 전달된 매개변수를 가져옵니다.
sFeatures
선택적 매개변수, 유형: 문자열.대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음
중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.
dialogHeight는 대화 상자의 높이로 100px 이상입니다. IE4에서는 대화 상자 높이
와 대화 상자 너비의 기본 단위가 em이고 IE5에서는 모달 입니다. 🎜> 모드에서는 px를 단위로 사용합니다.
DialogWidth: 대화상자 너비.
DialogLeft: 데스크탑 왼쪽으로부터의 거리입니다.
DialogTop: 데스크탑으로부터의 거리.
Center: {yes | no | 1 | 0}: 창이 중앙에 있는지 여부, 기본값은 yes이지만
높이와 너비는 계속 지정할 수 있습니다.
help: {yes | no | 0}: 도움말 버튼 표시 여부, 기본값은 yes입니다.
크기 조정 가능: {예 | 아니오 1 | 0} [IE5+]: 크기를 조정할 수 있는지 여부.
기본적으로 아니요를 수락합니다.
상태: {예 | 아니오 1 | 0} [IE5]: 상태 표시줄을 표시할지 여부입니다. 기본값은 yes[
Modeless] 또는 no[Modal]입니다.
scroll:{ yes | no | 1 | 0 | off }: 대화 상자에 스크롤
막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
매개변수 전달 방법:
부모 창은 ShowModalDialog의 두 번째 매개변수를 사용하여 자식 창에 매개변수를 전달할 수 있습니다. 부모 창이
자식 창에서 반환된 매개변수를 얻으려면 다음을 통해 얻을 수 있습니다. ShowModalDialog 함수의 반환 값입니다.
자식 창이 상위 창 매개변수를 얻는 방법은 하위 창 창 개체의DialogArguments 속성을 사용하여
를 얻는 것입니다. 예:
parent.html
modal.html
하위 창은 다음과 같은 window.returnValue 속성을 사용하여 상위 창에 매개변수를 반환합니다. <script> <BR>var obj = new Object(); <BR>obj.name="51js"; <BR>window.showModalDialog <BR>("modal.html",obj,"dialogWidth=200px;dialogHeight=100px"); <BR></script>window.returnValue=1 <script> <BR>var obj = window.dialogArguments <BR>alert("您传递的参数为：" + obj.name) <BR></script>window.close();