JavaScript 입문 튜토리얼 (10) 다른 객체 이해_기본 지식

anchors[]; links[]; Link 连接对象
用法：document.anchors[[x]]; document.links[[x]]; <anchorId>; <linkId>
　　document.anchors 是一个数组，包含了文档中所有锚标记（包含 name 属性的<a>标记），按照在文档中的次序，从 0 开始给每个锚标记定义了一个下标。
　　document.links 也是一个数组，包含了文档中所有连接标记（包含 href 属性的<a>标记和<map>标记段里的<area>标记），按照在文档中的次序，从 0 开始给每个连接标记定义了一个下标。
　　如果一个<a>标记既有 name 属性，又有 href 属性，则它既是一个 Anchor 对象，又是一个 Link 对象。
　　在 IE 中，如果在<a>标记中添加“id="..."”属性，则这个<a>对象被赋予一个标识（ID），调用这个对象的时候只需要使用“<id>”就行了。很多文档部件都可以用这个方法来赋予 ID，但要注意不能有两个 ID 相同。
anchors 和 links 作为数组，有数组的属性和方法。单个 Anchor 对象没有属性；单个 Link 对象的属性见下。

속성
프로토콜; 호스트; 경로명; 해시; target
<a> 태그의 target 속성과 동일한 연결의 대상 창(문자열)을 반환/지정합니다.
이벤트
onclick; onmouseout; >onmouseupapplet[] Java 애플릿 객체 문서 내 모든 Applet 객체(Java 애플릿)를 포함하는 배열입니다. 배열에는 배열 속성과 메서드가 있습니다. 단일 애플릿 객체의 속성과 메소드에 관해 나는 다음과 같이 인용합니다: "애플릿 객체는 Java 애플릿의 모든 공용 속성과 메소드를 상속합니다."(영어 원문: The Applet 객체는 Java 애플릿의 모든 공용 속성을 상속합니다./The Applet 객체는 Java 애플릿의 모든 공용 메소드를 상속합니다.) 저는 Java 애플릿을 싫어하기 때문에 "공용" 및 "개인" 문제에는 관심이 없으므로 이에 대해 논의하지 않았습니다.

embeds[] 플러그인 객체 문서에 있는 모든 플러그인(<embed> 태그)을 포함하는 배열입니다. 각 플러그인이 다르기 때문에 각 Embed 객체에도 서로 다른 속성과 메서드가 있습니다.
forms[]; 양식 양식 개체 document.forms[]는 문서의 모든 양식(<form>)을 포함하는 배열입니다. 단일 양식을 참조하려면 document.forms[x]를 사용할 수 있지만 일반적으로 사람들은 다음과 같이 합니다. <form> 태그에 "name="..."" 속성을 추가한 다음 "document.xml"을 사용합니다. <양식 이름>'을 인용할 수 있습니다.
양식 개체의 속성name은 <form name="...">인 양식의 이름을 반환합니다.

action <form action="..."> 속성인 양식의 제출 주소를 반환/설정합니다.
method <form method="..."> 속성인 양식 제출 방법을 반환/설정합니다. target
양식이 제출된 후 반환되는 창, 즉 <form target="..."> 속성을 반환/설정합니다.
encoding 양식 제출 콘텐츠의 인코딩 방법, 즉 <form enctype="...">
length 이 양식에 포함된 요소 수를 반환합니다.
메서드
reset() 양식을 재설정합니다. 이는 "재설정" 버튼을 누르는 것과 같습니다.
submit() 양식을 제출하세요. 이는 "제출" 버튼을 누르는 것과 같습니다.
이벤트
onreset;
onsubmit
다음은 "Button"에서 "Textarea"까지입니다. " 양식의 요소 개체입니다. 버튼 버튼 객체 는 "<input type="button">"으로 지정됩니다. 버튼 개체를 참조하려면 "<Document Object>.<Form Object>.<Button Name>"을 사용할 수 있습니다.<버튼 이름>은 <input> 태그의 "name="..."" 속성 값을 나타냅니다. 이 방법을 사용하여 모든 양식 요소를 참조할 수 있습니다.

속성
name <input name="...">으로 지정된 요소 이름을 반환/설정합니다.
value <input value="...">로 지정된 요소의 값을 반환/설정합니다.
form은 이 요소가 포함된 양식 객체를 반환합니다.
메서드
blur() 객체에서 포커스를 제거합니다.
focus() 객체가 포커스를 얻도록 합니다.
click() 객체에 대한 마우스 클릭을 시뮬레이션합니다.
이벤트
onclick onmousedown; onmouseup

체크박스 체크박스 객체 는 "<input type="checkbox">"로 지정됩니다.

속성
name <input name="...">으로 지정된 요소 이름을 반환/설정합니다. value
<input value="...">로 지정된 요소의 값을 반환/설정합니다.
form은 이 요소가 포함된 양식 객체를 반환합니다.
checked 체크박스 객체의 체크 여부를 반환/설정합니다. 이는 부울 값입니다.
defaultChecked 확인란 개체가 기본적으로 선택되어 있는지 여부를 반환/설정합니다. 이는 부울 값입니다.
메서드
blur() 객체에서 포커스를 제거합니다. focus()
객체가 포커스를 얻도록 합니다.
click() 객체에 대한 마우스 클릭을 시뮬레이션합니다.
이벤트
클릭

요소[]; 🎜><Form object>.elements는 양식의 모든 개체를 포함하는 배열입니다. 일반적으로 우리는 이 배열을 사용하지 않고 각 특정 개체를 직접 참조합니다. 숨겨진 숨겨진 개체
는 "<input type="hidden">"으로 지정됩니다. 속성

name <input name="...">으로 지정된 요소 이름을 반환/설정합니다.
value <input value="...">로 지정된 요소의 값을 반환/설정합니다. form
은 이 요소가 포함된 양식 객체를 반환합니다.
비밀번호 비밀번호 입력 영역 개체

는 "<input type="password">"로 지정됩니다. 속성

name <input name="...">으로 지정된 요소 이름을 반환/설정합니다.
value 비밀번호 입력 영역의 현재 값을 반환/설정합니다. defaultValue
<input value="...">로 지정된 기본값을 반환합니다. form
은 이 요소가 포함된 양식 객체를 반환합니다. 메서드

blur() 객체에서 포커스를 제거합니다.
focus() 객체가 포커스를 얻도록 합니다. select()
비밀번호 입력란의 텍스트를 모두 선택하세요.
이벤트
변경
무선 전파장 개체

by " <input type="radio">"가 지정되었습니다. Radio 객체 그룹은 공통 이름(name 속성)을 가지므로 document.formName.radioName은 배열이 됩니다. 단일 라디오 객체에 액세스하려면 document.formName.radioName[x]를 사용하세요. 단일 Radio 객체의 속성

name <input name="...">으로 지정된 요소의 이름을 반환/설정합니다.
value <input value="...">로 지정된 요소의 값을 반환/설정합니다. form
은 이 요소가 포함된 양식 객체를 반환합니다. checked
라디오 필드 객체가 선택되었는지 여부를 반환/설정합니다. 이는 부울 값입니다. defaultChecked
객체가 기본적으로 선택되어 있는지 여부를 반환/설정합니다. 이는 부울 값입니다. 메서드

blur() 객체에서 포커스를 제거합니다.
focus() 객체가 포커스를 얻도록 합니다. click()
객체에 대한 마우스 클릭을 시뮬레이션합니다. 이벤트

onclick
재설정 버튼 객체 재설정

by " <input type="reset">"이 지정되었습니다. Reset도 버튼이기 때문에 Button 객체의 속성과 메서드도 갖습니다. "onclick" 이벤트는 일반적으로 Form 객체의 onreset으로 대체됩니다. 선택 영역(드롭다운 메뉴, 목록) 개체 선택
은 "<select>"로 지정됩니다.

속성
name <input name="...">으로 지정된 요소 이름을 반환/설정합니다.
length Select 개체 아래의 옵션 수를 반환합니다.
selectedIndex 선택한 옵션의 인덱스를 반환합니다. 이 아래 첨자는 options[] 배열에서 옵션의 위치입니다. Select 개체가 다중 선택을 허용하는 경우 첫 번째로 선택한 옵션의 인덱스를 반환합니다.
form은 이 요소가 포함된 양식 객체를 반환합니다.
메서드
blur() 객체에서 포커스를 제거합니다.
focus() 객체가 포커스를 얻도록 합니다.
이벤트
변경

옵션[]; >options[]는 동일한 Select 객체 아래에 Option 객체를 포함하는 배열입니다. Option 개체는 "<select>" 아래의 "<options>"로 지정됩니다.
options[] 배열

selectedIndex
의 속성은 해당 속성이 속한 Select 개체의 속성과 동일합니다. 단일 Option 개체의 속성
text
Option 개체가 표시하는 텍스트를 반환/지정합니다.value 값을 반환/지정합니다. <options value="...">와 일치하는 Option 개체의
index Option 개체의 인덱스를 반환합니다. 이에 대해 말할 것도 없습니다. 특정 Option 개체를 지정하려면 먼저 해당 개체의 첨자를 알아야 하기 때문입니다. 이 속성은 아무 쓸모가 없는 것 같습니다.
선택됨 개체가 선택되었는지 여부를 반환/지정합니다. true 또는 false를 지정하면 선택 항목이 동적으로 변경될 수 있습니다.
defaultSelected
객체가 기본적으로 선택되어 있는지 여부를 반환합니다. 참/거짓.

제출 제출 버튼 개체 는 "<input type="submit">로 지정됩니다. 제출도 버튼이므로 Button 객체 속성 및 메서드 "onclick" 이벤트는 일반적으로 Form 객체의 onsubmit으로 대체됩니다. >"<input type=으로 지정됩니다. "text">". Password 개체도 Text 개체의 한 유형이므로 Text 개체는 Password 개체의 모든 속성, 메서드 및 이벤트를 갖습니다.
Textarea multi- 줄 텍스트 입력 영역 개체 는 "<textarea>"로 지정됩니다. Textarea 개체의 모든 속성, 메서드 및 이벤트는 텍스트 개체와 동일합니다. 비밀번호 개체
; images[]; 이미지 이미지 개체 document.images[]는 문서의 모든 이미지를 포함하는 배열입니다( &lt ;img>) 단일 이미지를 참조하려면 document.images[x]를 사용할 수 있습니다. 이미지에 "name" 속성이 포함되어 있으면 "<img name="..."> 형식으로 정의됩니다. ;" 사진이 있는 경우 "document.images['...']" 메소드를 사용하여 사진을 참조할 수 있습니다. IE에서 사진에 ID 속성이 포함되어 있으면 "<img id="를 사용하세요. .">" 이 형식은 이미지를 정의하며 "<imageID>"를 사용하여 이미지를 직접 참조할 수 있습니다. 단일 이미지 객체의 속성
name; lowsrc; height; hspace; <img> 태그의 이름은 동일합니다. Netscape에서는 src 속성을 제외한 다른 속성(거의 모두)을 변경할 수 없습니다. 변경하더라도 문서에 효과가 표시되지 않습니다. 이러한 속성 중 가장 유용한 것은 src입니다. src 속성에 값을 할당하면 이미지가 실시간으로 변경될 수 있습니다. 이벤트

클릭

문서에 나타나지 않는 이미지 개체가 나타나지 않습니다. 문서에서 Image 개체는 var 문을 사용하여 정의됩니다.
var myImage = new Image(); 또는 var myImage = new Image(<image address string>);그런 다음 myImage 변수를 일반 Image 객체처럼 처리할 수 있습니다. 그러나 문서에 나타나지 않기 때문에 lowsrc, width, height, vspace, hspace, border 속성은 거의 사용되지 않습니다. 일반적으로 이러한 종류의 개체에는 이미지를 미리 로드하는 단 하나의 목적만 있습니다. 객체의 src 속성에 값을 할당하면 전체 문서 읽기와 자바스크립트 실행이 일시 중단되어 브라우저가 이미지 읽기에만 집중할 수 있기 때문입니다. 이미지를 미리 읽은 후 브라우저의 캐시에 이미지의 복사본이 있습니다. 실제로 이미지를 문서에 넣을 때가 되면 이미지가 즉시 표시될 수 있습니다. 요즘 웹페이지에는 마우스로 가리키면 이미지가 다른 이미지로 바뀌는 경우가 많습니다.
이미지 미리 읽기의 JavaScript 예

var imagePreload = new Image();
imagePreload.src = '001.gif';
imagePreload.src = '002.gif';
imagePreload.src = '003.gif';

위의 예는 적은 수의 그림을 미리 읽어두기에 적합합니다.

function imagePreload() {<code id="code0">function imagePreload() {<br>  var imgPreload = new Image();<br>  for (i = 0; i &lt; arguments.length; i ) {<br>    imgPreload.src = arguments[i];<br>  }<br>}<br>imagePreload('001.gif', '002.gif', '003.gif', '004.gif', '005.gif'); var imgPreload = new Image();
for (i = 0; i < 인수.길이; i ) { imgPreload.src = 인수[i];

}

}

imagePreload('001.gif', '002.gif', '003.gif', '004.gif', '005.gif ');위의 예는 많은 양의 그림을 미리 읽어두는 데 적합합니다.