JavaScript 복습-01...대충 알 아 보기

5134 단어 JavaScript쓰다출력javascript 프로필
이 편 은 자신 이 편리 하 게 사용 할 수 있 도록 제공 하 는 것 이다.
1.JavaScript 소개
월요일,12 월 14,2015 09:52:13
 
JavaScript 는 네트워크 에 속 하 는 스 크 립 트 언어 입 니 다!
JavaScript 는 수백 만 개의 웹 페이지 에 의 해 디자인 을 개선 하고 폼 을 검증 하 며 브 라 우 저 를 검사 하고 cookies 를 만 들 며 더 많은 응용 을 할 수 있 습 니 다.
 
자바
1.1 알림:HTML 출력 에서 만 document.write 를 사용 할 수 있 습 니 다.문 서 를 불 러 온 후에 이 방법 을 사용 하면 전체 문 서 를 덮어 씁 니 다.
1.2 alert()함 수 는 자 바스 크 립 트 에서 자주 사용 되 지 않 지만 코드 테스트 에 매우 편리 합 니 다.
1.3 document.getElement ByID("some id")를 자주 볼 수 있 습 니 다.이 방법 은 HTML DOM 에서 정의 한 것 이다.
     DOM(문서 개체 모델)은 HTML 요 소 를 방문 하 는 정식 W3C 표준 입 니 다.
<p id ="demo">
javascript html     
</p>
function myFunction() {
x = document.getElementById("demo");//    
x.innerHTML = "hello javascript";//    
}
<button type = "button" onclick = "myFunction()">click this</button>

 1.4JavaScript:HTML 이미지 변경
 
이 예 는 HTML의 원본 을 동적 으로 변경 합 니 다(src)
    :
<html>
<head>
	<title>js_lightbulb</title>
	<meta http-equiv="Context-Type" content="text/html";charset="utf-8" />
</head>
<body>
<script type="text/javascript">

	function changeImage() {
		element = document.getElementById("myimage")
		if(element.src.match(1)){
           element.src = "E:/zhuhw_study/js/jpg/2.jpg";
		}else {
			element.src = "E:/zhuhw_study/js/jpg/1.jpg";
		}
	}
</script>>
<img  id = "myimage" onclick="changeImage()" src="E:/zhuhw_study/js/jpg/2.jpg">
<p>js      </p>>
</body>
</html>

1.5JavaScript：   HTML   
<!DOCTYPE html>
<html>
<head>
	<title>JavaScript：   HTML   </title>
</head>
<body>
<script type="text/javascript">
	function changeStyle() {
	x = document.getElementById("demo1");
               x.style.color = "#ff0000";
	}
</script>

<p id="demo1">
hello JavaScript！
</p>
<button onclick="changeStyle()");
">  </button>
</body>
</html>

 1.6JavaScript 는 사용자 의 입력 을 검증 하 는 데 자주 사 용 됩 니 다.
 
isNaN()함 수 는 매개 변수 가 비 숫자 값 인지 확인 하 는 데 사 용 됩 니 다.
<html>
	<head>
		<title>JavaScript           </title>
	</head>
	<body>
		<script type="text/javascript">
				function myF(){
						y = document.getElementById("text1").value;
						if (y =="" || isNaN(y) ) {
							alert("Not Numeric");
						};
				}
		</script>
		<p>         </p>
		<input  id = "text1"  type ="text" />
		<button onclick="myF()">  </button>
	</body>
</html>

 
 
2.JavaScript 사용
    1.HTML 의 스 크 립 트 는과탭 사이 에 있어 야 합 니 다.
스 크 립 트 는 HTML 페이지 의와부분 에 놓 을 수 있 습 니 다.
 
        2.또는의 자 바스 크 립 트
           HTML 문서 에 무제 한 스 크 립 트 를 넣 을 수 있 습 니 다.
           스 크 립 트 는 HTML 의나부분 에 있 거나 두 부분 에 동시에 존재 할 수 있 습 니 다.
          일반적인 방법 은 함 수 를부분 에 넣 거나 페이지 밑 에 두 는 것 입 니 다.이렇게 하면 그것들 을 같은 위치 에 배치 하여 페이지 의 내용 을 방해 하지 않 을 수 있다.
      
      3.외부의 자 바스 크 립 트
         외부 파일 에 스 크 립 트 를 저장 할 수도 있 습 니 다.외부 파일 은 보통 여러 웹 페이지 에서 사용 하 는 코드 를 포함한다.
         외부 자 바스 크 립 트 파일 의 파일 확장 자 는.js 입 니 다.
         외부 파일 을 사용 하려 면탭 의"src"속성 에 이.js 파일 을 설정 하 십시오:
       3.1 코드 사례:
<html>
	<head>
	    <title>应用外部的js</title>
	</head>
	<body>
		<p id = "p1">引用外部的js文件进行改变文本的字体颜色</p>
		<button onclick="myfunction()">点击</button>
		<script src = "E:/zhuhw_study/js/myScript.js"></script>
	</body>
</html>
   外部js 
    function myfunction() {
	x = document.getElementById("p1");
	x.style.color = "#ff0000";
}

 주의:
 
        외부 스 크 립 트 는탭 을 포함 할 수 없습니다.
 
3.JavaScript 출력
경고 하 다.
document.write()를 사용 하여 문서 에 만 내용 을 출력 하 십시오.
문서 가 불 러 온 후에 document.write 를 실행 하면 모든 HTML 페이지 가 복 개 됩 니 다.
<html>
		<head></head>
		<body>
			<p>此文档会被覆盖，因为在加载后会使用document.write()方法</p>
			<button onclick="myFF()">提交</button>
			<script type="text/javascript">
					function myFF() {
						document.write("糟糕，文档被覆盖了呢");
					}
			</script>
		</body>
	</html>
Unity3d 데이터베이스 에서 줄 바 꿈 문자 가 있 는 텍스트 읽 기
manifest 와 컨트롤 스타일

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage