> 웹 프론트엔드 > JS 튜토리얼 > 일반적인 자바스크립트 메소드_자바스크립트 기술 요약

일반적인 자바스크립트 메소드_자바스크립트 기술 요약

WBOY
풀어 주다: 2016-05-16 15:59:13
원래의
1072명이 탐색했습니다.

1. JavaScript: HTML 출력 작성

코드 복사 코드는 다음과 같습니다.

document.write("

제목입니다

");
document.write("

이것은 문단입니다

");

2. 자바스크립트: 이벤트에 반응

코드 복사 코드는 다음과 같습니다.


3. 자바스크립트: HTML 콘텐츠 변경

코드 복사 코드는 다음과 같습니다.

x=document.getElementById("demo") //요소 찾기
x.innerHTML="Hello JavaScript"; //내용 변경

4. 자바스크립트: HTML 이미지 변경

코드 복사 코드는 다음과 같습니다.

요소=document.getElementById('myimage')
element.src="../i/eg_bulboff.gif";

5. HTML 스타일 변경

코드 복사 코드는 다음과 같습니다.

x=document.getElementById("demo") //요소 찾기
x.style.color="#ff0000"; //스타일 변경

6. 자바스크립트는 대소문자를 구분합니다.

자바스크립트는 대소문자를 구분합니다.
JavaScript 문을 작성할 때 대/소문자 스위치를 꺼야 합니다.
getElementById 및 getElementbyID 함수는 다릅니다.
마찬가지로 myVariable 변수는 MyVariable과 다릅니다.

7. 팁: 좋은 프로그래밍 습관은 코드 시작 부분에 필수 변수를 선언하는 것입니다.

8. 값 = 정의되지 않음

컴퓨터 프로그램에서는 값이 없는 변수가 선언되는 경우가 많습니다. 값 없이 선언된 변수의 값은 실제로 정의되지 않습니다. 다음 명령문을 실행하면 carname 변수의 값이 정의되지 않습니다.
var carname;

9. JavaScript 객체 생성
이 예에서는 "person"이라는 개체를 만들고 여기에 네 가지 속성을 추가합니다.

코드 복사 코드는 다음과 같습니다.

사람=새 객체();
person.firstname="빌";
person.lastname="게이츠";
person.age=56;
person.eyecolor="blue";

10. 자바스크립트 양식 확인

필수(또는 필수)항목
다음 함수는 사용자가 양식에 필수(또는 필수) 항목을 입력했는지 확인하는 데 사용됩니다. 필수이거나 필수 필드가 비어 있으면 경고 상자가 나타나고 함수의 반환 값은 false입니다. 그렇지 않으면 함수의 반환 값이 true입니다(데이터에 문제가 없음을 의미).

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>
로그인 후 복사

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿