js 문서 조회
10701 단어 JavaScripthtmlIE네트워크 프로 토 콜각본
---------------------------------------------------------------------
주: 페이지 에 있 는 요소 name 속성 과 JavaScript 가 인용 한 이름 은 대소 문 자 를 포함 하여 일치 해 야 합 니 다.
그렇지 않 으 면 '인 용 된 요소 가 비어 있 거나 대상 이 아 닙 니 다' 라 는 잘못된 정 보 를 알려 줍 니 다.
---------------------------------------------------------------------
대상 속성
document.title //문서 제목 이 HTML 과 같은 < title > 탭 을 설정 합 니 다.
document.bgColor //페이지 배경 색 설정
document.fgColor //전경 색 설정 (텍스트 색상)
document.linkColor //클릭 하지 않 은 링크 색상
document.alinkColor //링크 색상 활성화
document.vlinkColor //클릭 한 링크 색상
document.URL //URL 속성 을 설정 하여 같은 창 에서 다른 웹 페이지 를 엽 니 다.
document.fileCreatedDate //파일 생 성 날짜, 속성 만 읽 기
document.fileModifiedDate //파일 수정 날짜, 속성 만 읽 기
document.fileSize //파일 크기, 읽 기 전용 속성
document.cookie //쿠키 설정 및 읽 기
document.charset //문자 집합 간 체 설정: gb 2312
---------------------------------------------------------------------
상용 대상 방법
document.write() //동적 페이지 에 내용 쓰기
document.createElement(Tag) //html 태그 대상 만 들 기
document.getElementById(ID) //지정 한 ID 값 의 대상 가 져 오기
document.getElementsByName(Name) //지정 한 Name 값 의 대상 가 져 오기
document.body.appendChild(oTag)
---------------------------------------------------------------------
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 //< body >... < / body > 사이 의 HTML 코드 설정
document.body.topMargin //페이지 상단 여백
document.body.leftMargin //페이지 왼쪽 여백
document.body.rightMargin //페이지 오른쪽 여백
document.body.bottomMargin //페이지 아래쪽 여백
document.body.background //배경 그림
document. body. appendChild (oTag) / 동적 으로 HTML 대상 생 성
상용 개체 이벤트
document.body.onclick="func()" //마우스 포인터
document.body.onmouseover="func()" //마우스 포인 터 를 대상 으로 이동 시 키 기
document.body.onmouseout="func()" //마우스 포인터
---------------------------------------------------------------------
위치 - 위치 하위 개체
document.location.hash // #뒷부분
document.location.host // 도 메 인 이름 + 포트 번호
document.location.hostname // 도 메 인 이름
document.location.href // 전체 URL
document.location.pathname // 디 렉 터 리 부분
document.location.port // 포트 번호
document.location.protocol // 네트워크 프로 토 콜 (http:)
document.location.search // ?뒷부분
documeny.location.reload() //홈 페이지 새로 고침
document.location.reload(URL) //새 웹 페이지 열기
document.location.assign(URL) //새 웹 페이지 열기
document.location.replace(URL) //새 웹 페이지 열기
---------------------------------------------------------------------
selection - 선택 영역 하위 대상
document.selection
---------------------------------------------------------------------
images 집합 (페이지 의 이미지)
a) 집합 을 통한 인용
document.images //페이지 의 < img > 태그 에 대응 합 니 다.
document.images.length //페이지 의 < img > 탭 개수 에 대응 합 니 다.
document.images[0] //첫 번 째 < img > 태그
document.images[i] //i - 1 번 < img > 태그
b) nane 속성 을 통 해 직접 참조
document.images.oImage //document. images. name 속성
c) 그림 의 src 속성 참조
document.images.oImage.src //document. images. name 속성. src
d) 그림 만 들 기
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
동시에 페이지 에 < img > 탭 을 만 들 면 표시 할 수 있 습 니 다.
<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
</script>
</html>
<html>
<script language="javascript">
oImage=document.caeateElement("IMG")
oImage.src="1.jpg"
document.body.appendChild(oImage)
</script>
</html>
----------------------------------------------------------------------
forms 집합 (페이지 의 폼)
a) 집합 을 통한 인용
document.forms //페이지 의 < form > 태그 에 대응 합 니 다.
document.forms.length //페이지 의 < form > 탭 개수 에 대응 합 니 다.
document.forms[0] //첫 번 째 < form > 태그
document.forms[i] //i - 1 번 < form > 태그
document.forms[i].length //i - 1 < form > 의 컨트롤 수
document.forms[i].elements[j] //i - 1 번 < form > 에서 j - 1 번 째 컨트롤
b) 탭 name 속성 을 통 해 직접 참조
document.Myform.myctrl //문서. 폼 이름. 컨트롤 이름
c) 접근 폼 의 속성
document.forms[i].name //대응 < form name > 속성
document.forms[i].action //대응 < form action > 속성
document.forms[i].encoding //대응 < form enctype > 속성
document.forms[i].target //대응 < form target > 속성
document. forms [i]. appendChild (oTag) / 동적 삽입 컨트롤
-----------------------------------------------------------------------
<html>
<!--Text Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--checkbox,radio script-->
<form name="Myform">
<input type="checkbox" name="chk" value="1">1
<input type="checkbox" name="chk" value="2">2
</form>
<script language="javascript">
function fun(){
// checkbox
var length
length=document.forms[0].chk.length
for(i=0;i<length;i++){
v=document.forms[0].chk[i].value
b=document.forms[0].chk[i].checked
if(b)
alert(v=v+" ")
else
alert(v=v+" ")
}
}
</script>
<a href=# onclick="fun()">ddd</a>
</html>
-----------------------------------------------------------------------
<html>
<!--Select Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script language="javascript">
// select option
var length
length=document.Myform.oSelect.length
for(i=0;i<length;i++)
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
// option option
for(i=0;i<document.Myform.oSelect.length;i++){
if(document.Myform.oSelect[i].selected!=true)
document.write(document.Myform.oSelect[i].value)
else
document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")
}
</script>
<script language="javascript">
// SelectedIndex option
//(0 document.Myform.oSelect.length-1)
i=document.Myform.oSelect.selectedIndex
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
// select option
var oOption = document.createElement("OPTION");
oOption.text="4";
oOption.value="4";
document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
Text
document.all.oDiv //인용 그래 픽 oDiv
document.all.oDiv.style.display="" //그림% 1 개의 캡 션 을 편 집 했 습 니 다.
document.all.oDiv.style.display="none" //그림% 1 개의 캡 션 을 편 집 했 습 니 다.
document.getElementId("oDiv") //getElement Id 참조 대상
document.getElementId("oDiv").style=""
document.getElementId("oDiv").display="none"
/ * document. all 은 document 의 모든 대상 의 집합 을 표시 합 니 다.
i 만 이 속성 을 지원 하기 때문에 브 라 우 저의 종 류 를 판단 하 는 데 도 사 용 됩 니 다 * /
그림 개체 의 4 개 속성
document.getElementById("ID").innerText //동적 출력 텍스트
document.getElementById("ID").innerHTML //동적 출력 HTML
document.getElementById("ID").outerText //동 innerText
document.getElementById("ID").outerHTML //같은 innerHTML
<html>
<script language="javascript">
function change(){
document.all.oDiv.style.display="none"
}
</script>
<Div id="oDiv" onclick="change()">Text</Div>
</html>
<html>
<script language="javascript">
function changeText(){
document.getElementById("oDiv").innerText="NewText"
}
</script>
<Div id="oDiv" onmouseover="changeText()">Text</Div>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
