JavaScript/[생활 코딩 JS]

08. 웹브라우저 제어

Itchild 2024. 4. 24. 22:11
728x90
반응형

 

자바스크립트를 통해 할 수 있는 일 가운데 하나인 웹 브라우저를 제어 하는 방법에 대한 구체적인 기술을 살펴 보겠습니다. 웹페이지에서 night 버튼을 눌렀을때 배경색을 검은색으로 바꾸고, 글씨색은 흰색으로 바꾸고 싶습니다.

<body style="background-color: black; color: white;">

 

이것은 즉 , night버튼을 클릭 했을때 이 웹페이지에 있는 <body> 태그의 스타일 속성을 바꿀수 있다면 우리가 하고자 하는 일을 할 수 있습니다.

즉 , HTML은 한번 화면에 표시되면 자신을 바꿀 수 없는 능력을 가진 정적인 언어입니다.

하지만 자바 스크립트를 이용하면 어떻게 될까요 ?

 

이를 위해 필요한 지적인 부품들이 있는데

첫번째 , style 에 들어가는 css에 대해 약간 알 필요가 있다.

두번째 , 스타일 속성을 주기위해 그 속성을 가지고 있는 <body> 태그를 웹 브라우저에게 알리는방법을 자바스크립트 문법으로 알아야 한다 !

 

728x90
반응형