javascript_기본 지식의 문서 속성 및 방법 모음

document.title //HTML 제목 태그와 동일한 문서 제목 설정
document.bgColor //페이지 배경색 설정
document.fgColor //전경색(텍스트 색상) 설정
document.linkColor // 클릭되지 않은 링크 색상
document.alinkColor //활성 링크 색상(포커스는 이 링크에 있음)
document.vlinkColor //클릭된 링크 색상
document.URL //URL 속성 설정 따라서 같은 창에서 다른 웹페이지 열기
document.fileCreatedDate //파일 생성 날짜, 읽기 전용 속성
document.fileModifiedDate //파일 수정 날짜, 읽기 전용 속성
document. charset //문자 집합 설정 중국어 간체: gb2312
document.fileSize //파일 크기, 읽기 전용 속성
document.cookie //쿠키 설정 및 읽기

—————— ———————— ——————————
일반적인 개체 메서드

document.write() //동적으로 페이지에 콘텐츠 쓰기
document.createElement( Tag) //html 태그 객체 생성
document.getElementById(ID) //지정된 ID 값을 가진 객체 가져오기
document.getElementsByName(Name) //지정한 Name 값을 가진 객체 가져오기
document.body.appendChild(oTag)
—— ————————————————————————

body-body 하위 개체

document.body //문서 본문의 시작과 끝을 지정합니다. body>/body>
document.body.bgColor //문서 본문 뒤에 배경색을 설정하거나 가져옵니다.
document. body.link //클릭하지 않은 링크의 색상
document.body.alink //활성 링크의 색상(포커스는 이 링크에 있음)
document.body.vlink //클릭한 링크의 색상
document.body.text //텍스트 색상
document.body.innerText / /body 사이의 텍스트 설정>.../body>
document.body.innerHTML //사이의 HTML 코드 설정 body>.../body>
document.body.topMargin //페이지 위쪽 여백
document.body.leftMargin //페이지 왼쪽 여백
document.body.rightMargin //오른쪽 여백 페이지
document.body.bottomMargin //페이지 하단 여백
document.body.Background //배경 이미지
document.body.appendChild(oTag) //HTML 객체를 동적으로 생성

공통 객체 이벤트

document.body.onclick=”func()” //마우스 포인터로 클릭한 객체가 Trigger
document.body.onmouseover=”func()” //Trigger 마우스 포인터가 객체로 이동할 때
document.body.onmouseout=”func()” //마우스 포인터가 객체 밖으로 이동할 때 트리거
— ———————————— ————————————
location-location 하위 개체

document.location.hash // # 뒤의 부분
document.location.host // 도메인 이름 및 포트 번호 // 호스트 이름 localhost가 반환되는 것 같지만 포트 번호가 반환되지 않습니다.
document.location.hostname // 도메인 이름
document.location.href // 전체 URL
document. location.pathname // 디렉토리 부분
document.location.port // 포트 번호
document.location.protocol // 네트워크 프로토콜(http:)
document.location.search // ? 마지막 부분
documenty.location.reload() //웹페이지 새로고침
document.location.reload(URL) //새 웹페이지 열기
document.location.asse(URL) //새 웹페이지 열기 웹 페이지
document.location.replace(URL) //새 웹페이지 열기
—————————————————————————
selection-selection 하위 개체
document.selection

예:

여기에서 텍스트의 일부를 선택하세요.

ｓｃｒｉｐｔ>


selection의 createRange 메서드

document.selection.createRange()는 현재 텍스트 선택을 기반으로 TextRange 객체를 반환하거나 컨트롤 선택을 기반으로 ControlRange 객체를 반환합니다.

execCommand를 사용하면 굵은 텍스트, 기울임꼴, 복사, 붙여넣기, 하이퍼링크 생성 등과 같은 HTML 편집기에서 매우 유용합니다.

이것은 IE에서만 가능한 것 같습니다. .

————————————————————————

이미지 모음(페이지 이미지)

a) 컬렉션을 통한 참조
document.images //페이지의 img 태그에 해당
document.images.length //페이지의 img 태그 수에 해당
document.images[0] //첫 번째 img 태그
document.images[i] //i-1번째 img 태그

b) name 속성을 통해
img name=”oImage”
document.images를 직접 참조합니다. . oImage //document.images.name 속성

c) 이미지의 src 속성을 참조합니다
document.images.oImage.src //document.images.name attribute.src

d) 이미지 생성
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
동시에 img/태그 생성 해당 페이지는

————————————————————————-

양식 모음(양식 모음)을 표시할 수 있습니다. 페이지)

a) 컬렉션을 통한 참조
document.forms //페이지의 form 태그에 해당
document.forms.length //페이지의 /formform 태그 개수에 해당
document.forms[0] / /1번째/formform 라벨
document.forms[i] //i-1번째/formform 라벨
document.forms[i].length //개수 i-1/formform의 컨트롤
document.forms[i].elements[j] //i-1/formform의 j-1번째 컨트롤

b)
을 직접 참조합니다. 라벨 이름 속성을 통한 /formform 이름 =”Myform”>입력 이름=”myctrl”/>/form
document.Myform.myctrl //document.form name.control name

c) 액세스 양식의 속성
document.forms [i].name //양식 이름>속성
document.forms[i].action ///formform에 해당 action>attribute
document.forms[ i].encoding ///formform enctype>속성
document.forms[i].target에 해당 ///formform target>property

document.forms[i].appendChild(oTag)에 해당 //동적으로 컨트롤 삽입
document.all.oDiv //참조 레이어 oDiv
document.all.oDiv.style.display=”” //레이어가 보이도록 설정
document.all.oDiv .style.display=”none” //레이어 숨기기 설정
document.getElementId(”oDiv”) //getElementId를 통해 객체 참조
document.getElementId(”oDiv”).style=””
document.getElementId(”oDiv”).display=” none”
/*document.all은 문서에 있는 모든 개체의 컬렉션을 나타냅니다.
IE에서만 이 속성을 지원하므로 브라우저 유형*/


레이어 객체 4개 속성
document.getElementById("ID").innerText //동적 출력 텍스트
document.getElementById("ID").innerHTML / /동적 출력 HTML
document.getElementById("ID") .outerText //innerText와 동일
document.getElementById(”ID”).outerHTML //innerHTML과 동일