문서 개체에 대한 매우 명확하고 자세한 설명

문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식

WBOY

풀어 주다： 2016-05-16 19:18:43

원래의

764명이 탐색했습니다.

문서 문서 개체 - JavaScript 스크립팅 언어 설명
----------------------------------------- -- ----------------------------------
참고: 페이지에 있는 요소의 이름 속성 JavaScript에서 참조하는 이름은 크기를 포함하여 일관되어야 합니다.
을 작성하세요. 그렇지 않으면 "참조된 요소가 비어 있거나 개체가 아닙니다"라는 오류 메시지가 표시됩니다.
------------ --------------- --------- ----------

객체 속성 Document.title //
태그에 해당하는 문서 제목 설정 Document.bgColor // 페이지 배경색 설정 페이지 <br> documen.fgcolor // >document.linkColor URL //문서에서 다른 웹 페이지를 열도록 URL 속성을 설정합니다. fileCreatedDate // 파일 생성 날짜, 읽기 전용 속성 <br> 문서 .fileModifiedDate // 파일 수정 날짜, 읽기 전용 속성 <br> document.fileSize // 파일 크기, 읽기 전용 속성 <br> document.cookie // 쿠키 설정 및 읽기 <br> Document.charset // 문자 설정 중국어 간체 설정: gb2312 <br> ----------------------------- ------------------------------------- ------------------------------------- ------------------------------------- ------------------------------ ------- ------------------------------ ------- - <br>객체 메서드<br>document.write() //동적으로 페이지에 콘텐츠 쓰기<br>document.createElement(Tag) //html 태그 객체 생성<br>document.getElementById(ID) //GetElementById(ID) 지정된 ID 값을 가진 객체<br>document.getElementsByName(Name) //지정된 Name 값을 가진 객체 가져오기<br>--- ----- -------------------------------- - <br><br>이미지 컬렉션(페이지 내 이미지) <br><br>a) 컬렉션을 통해 <br>document.images 참조 // 해당 페이지의 <br> 태그 <br>document.images 길이 ~ 태그 <br><br>b) <br><br> <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" >document.images.oImage //document.images.name 속성 <br><img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" >c) 이미지<br>문서의 src 속성을 직접 참조합니다. Images.oImage.src //document.images.nameproperty.src <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" ><br>d) 이미지 생성 <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" >var oImage <br>oImage = new Image() <br>images.oImage.src= "/1.jpg" <br>동시에 해당 페이지에 <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" > 태그를 생성하여 <br><br><br> <br><br> <br><br> <br> <br><br>------------------- ------- -------------- <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" ><br>양식 모음(페이지의 양식) <br>a) 참고 <br>컬렉션을 통한 document.forms //해당 페이지의 <img alt="문서 개체에 대한 매우 명확하고 자세한 설명_기본 지식" > 태그<br>document.forms.length //해당 페이지의 <br>태그 수document. / 각 <br><br>document.forms[i].elements[j]에 있는 컨트롤의 수 //i-1번째 <br><br><br>b) 레이블을 통해 j-1번째 컨트롤 이름 속성은 <br><br><form> <br> </form> <form>document.Myform.myctrl ------------ ------------ ---------- <br> </form> <form> <br> </form> <form> <br> </form> <form> <br> </form> <form> <br><br> <br> </form> <form> <input> </form> <br><br> <br>----------------------------------------------------------------------- <br> <br> <br><form> <br><select> <br><option>1</option> <br><option>2</option> <br><option>3</option> <br></select> <br> </form> <br><br><script> <BR> //遍历select控件的option项 <BR> var length <BR> length=document.Myform.oSelect.length <BR> for(i=0;i<length;i++) <BR> document.write(document.Myform.oSelect[i].value) <BR></script> <br><br><script> <BR> //遍历option项并且判断某个option是否被选中 <BR> for(i=0;i<document.Myform.oSelect.length;i++){ <BR> if(document.Myform.oSelect[i].selected!=true) <BR> document.write(document.Myform.oSelect[i].value) <BR> else <BR> document.write("<font color=red>"+document.Myform.oSelect[i].value+"") <BR> } <BR></script> <br><br><script> <BR> //根据SelectedIndex打印出选中的option <BR> //(0到document.Myform.oSelect.length-1) <BR> i=document.Myform.oSelect.selectedIndex <BR> document.write(document.Myform.oSelect[i].value) <BR></script> <br><br><script> <BR> //动态增加select控件的option项 <BR> var oOption = document.createElement("OPTION"); <BR> oOption.text="4"; <BR> oOption.value="4"; <BR> document.Myform.oSelect.add(oOption); <BR></script> <br> <br>----------------------------------------------------------------------- <br><div>Text</div> <br>document.all.oDiv //引用图层oDiv <br>document.all.oDiv.style <br>document.all.oDiv.style.display="" //图层设置为可视 <br>document.all.oDiv.style.display="none" //图层设置为隐藏 <br>/*document.all表示document中所有对象的集合 <br>只有ie支持此属性，因此也用来判断浏览器的种类*/ <br><br>