[HTML] 문자, 수학, 날짜 , 암호화

비타민규·2023년 8월 4일

[HTML]

목록 보기
12/25
post-thumbnail

Built-in Function

벨로그에선 정리용으로 담기 때문에 document.write를 축약하여 "dw"로 대체해서 쓰겠다.
'br'옵션도 편의상 생략(출력 이미지로 확인)

문자 관련 함수

<script>
	
	let str = "Java Script Language";
	dw(str.length); //20
	dw(str.charAt(2)); //v
	dw(str.indexOf('v')); //2
	dw(str.substring(1,3)); //av
	// 0번째 1번째 ... 3번째의 하나 전까지(종료 위치의 -1까지 문자열을 취함)
	document.write(str.substr(1,3)); //ava
	// 0번째 1번째 ... 1번부터 3번까지 뽑아냄
	
	dw("<스타일 관련 함수 ----");
	dw(str.bold().fontsize(10).fontcolor('#ff0000'));
	// .찍으면서 중복으로 줄 수 있음
	dw(str.strike()); // 취소선
</script>


수학 관련 함수

<script>

	dw("Math.abs(-7) ==>",Math.abs(-7)); // 절대값
	dw("Math.round(3.7) ==>",Math.round(-3.7)); //반올림
	dw("Math.random() ==>",Math.random()); // 난수
</script>



날짜관련함수

<script>
	let ds = new Date(); // 현재날짜
	let d = new Date("jan 1, 2000"); // 생성자 오버로딩이라 이런식으로 인자를 줄 수 있음
	dw("date() ==>",d);
	dw("date() ==>",d.getFullYear() + " " + (d.getMonth()+1));
	// month는 0부터 출발하기 때문에 +1 해줘야됨
	
	dw("eval() ==>","10+5"," ",eval("10+5"));	
	dw("parseInt() ==>", parseInt("10.5")+2); // 반올림 안 하고 그냥 버림
    // 아래 캡쳐 실수로 2번 출력됨
	
	let ss = encodeURI("스타벅스");
	dw(ss); // 2진화 시키는거(암호화 시킴) : 웹을 통해 서버로 한글자료 전달시 저렇게 줘야함
	ss=decodeURI(ss); // 디코딩
	dw(ss);
	
	dw("isNaN() ==>", isNaN("3")); // 숫자가 아닌 것에 대해 true
	dw("isNaN() ==>", isNaN("abc"));
	
	// 별도의 창 열기
	open("js1.html", "_blank","width=300,height=200,left=200,top=200");
	// 문서명(파일명), 출력형태, 속성
    // web접속시 팝업 창을 통해 js1.html파일이 열림
</script>

profile
같이 일하고 싶은 개발자가 되어야지

0개의 댓글