웹 페이지 배경 및 글꼴 color_javascript 기술을 변경하는 JavaScript 방법

WBOY
풀어 주다: 2016-05-16 16:16:18
원래의
2419명이 탐색했습니다.

이 기사의 예에서는 JavaScript를 사용하여 웹페이지의 배경 및 글꼴 색상을 변경하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

JavaScript에서는 버튼을 클릭하여 웹페이지의 배경색과 글꼴을 변경합니다. 웹페이지의 색상을 변경하는 N개의 버튼이 있습니다. 다른 버튼을 클릭하면 웹페이지의 글꼴과 배경이 다르게 변경됩니다. 그림 물감. 매우 간단한 JavaScript 애플릿입니다.

1. 기본 목표

웹 페이지를 열면 "안녕하세요"라는 첫 번째 인사말이 나옵니다.

웹페이지에는 색상을 변경하는 N개의 버튼이 있습니다. 웹페이지로 돌아가기 위한 기본 색상은 배경은 흰색이고 글꼴은 검정색입니다

다른 버튼을 클릭하면 웹페이지의 글꼴과 배경이 다른 색상으로 변경됩니다.

원래는 무지개 효과를 만들고 싶었는데 원리가 똑같아서 버튼은 더 쓰지 않겠습니다.

2. 기본 아이디어

body 태그와 글꼴 js에 ID를 제공하여 js에서 제어할 수 있도록 하는 것이 핵심입니다. 이 예제에서는 js 함수의 적용을 제공합니다.

3. 제작과정

단순한 작은 페이지입니다. 자세한 내용은 메모를 참조하세요.

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

           >    ​​​​