반응형

Java Script Html 엘리먼트 가져오기

var getEle = document.getByElementById("HTML Tag Id");

 

HTML BODY

// HTML body
<body>
	<input id = 'userid' type='text' maxlength='12' size='20'> 
    <input type="button" value="미리보기" onclick = "printText()">
	<br>
	색상:
	<select id = "textColor">
      <option value="red"> 빨강 </option>
      <option value="green"> 초록 </option>
      <option value="blud"> 파랑 </option>
	</select>
	<br>
	크기:
	<select id = "textPx">
      <option value="1"> 1 </option>
      <option value="2"> 2 </option>
      <option value="3"> 3 </option>
      <option value="4"> 4 </option>
      <option value="5"> 5 </option>
	</select>
	<br>
    <input type="checkbox" name ="line">취소선
    <input type="checkbox" name ="line">크게
    <input type="checkbox" name ="line">작게
    <input type="checkbox" name="line">두껍게
    <input type="checkbox" name ="line">기울임 
    <br>
    <input type="checkbox" name ="line">위첨자
    <input type="checkbox" name="line">아래첨자
    <input type="checkbox" name ="line">소문자로
    <input type="checkbox" name ="line" >대문자로
    <br>
	<span id="result"></span>
</body>

Script CODE

// getElementById("HTML ID");
<script language = "javascript">
  function printText(){
    var objid = document.getElementById("userid");
    var objtextColor = document.getElementById("textColor");
    var objtextPx = document.getElementById("textPx");
    var objresult = document.getElementById("result");
    var objtextOptions = document.getElementsByName("line");
    }
</script>

 

반응형
저작자표시
반응형

내장객체

사용자가 함수로 정의한것이 아닌 자바스크립트 내부에 존재하는 객체 

 

window.alert('메시지');  

html문서 작성자가 방문한 사용자에게 메시지를 보여주고자 할때 사용한다.

prompt 텍스트를 입력받을 때 사용

confirm(true/false)를 리턴 한다

window.open();

팝업 오픈

 

setTimeout(A, ms); //ms 후 A 실행

 

var inter = setInterver(A, ms); //ms 간격으로 A 실행

clearInterval(inter); // 해당 interver 종료

// interver
<script language = "javascript">
  var count =1;
  var inter = setInterval(say,1000);
  function say(){

  if(count ==6){
  	clearInterval(inter); <!--inter을 멈춤-->
  }
  	alert("hi "+count++);
  }
</script>

 

반응형
저작자표시
반응형

자바스크립트란?

html문서에서 html이나 CSS만으로 표현하기 어렵거나 아예 불가능한 작업을 하기 위해 만들어진 언어

스크립트 언어란 메모장 등 간단한 텍스트 편집기 프로그램을 이용해서 쉽고 빠르게 프로그램을 작성 할 수 있다

html문서에 직접 작성하거나 외부 파일에 작성된 후 불러올 수 있다

html에서 작성시 아래처럼 사용

 

<script>

    스크립트 작성 부분

</script>

 

 

기본 문법

변수

- 선언 var 변수명 =초기값

- var 배열명 = new Array();

- 배열명.push(1);

- 배열명[0] = 1;

 

함수

Function add(num1, num2){

return (num1 + num2);

}

Document.write(add(3,4));



출력

<!-- 출력 하기 -->
<html>
	<head>
		<script language = "javascript">
		var firstName = "도현";
		try{
		document.write('내 이름은 ' + lastName + '입니다');
		}catch(ex){
		document.write(ex.message);
		}
		
		</script>
	</head>
	<body>
	</body>
</html>
 
반응형
저작자표시
반응형

 

오류가 발생할 경우 자신의 포트를 확인합니다.

시작 - 검색 - cmd(관리자 권한) 실행

 

netstat -oa 명령어 실행

해당하는 포트의 PID 를 확인합니다.

 

그 후 

 

taskkill /f /pid 해당하는 PID를 입력하여 종료시켜주면 됩니다.

 

반응형
저작자표시

+ Recent posts

티스토리툴바