이 기사에서는 JavaScript에서 RGB에 16 진 색 값을 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> rgb에 대한 16 진 색 값 </title>
<스타일>
*{margin : 0; 패딩 : 0; Font-Family : 'Microsoft Yahei'}}
.replace {너비 : 400px; 높이 : 210px; 마진 : 0 자동; 패딩 탑 : 40px;}
.Title {Text-Align : Center; Display : Block}
양식 {너비 : 200px; 마진 : 30px Auto;}
입력 {개요 : 없음;}
입력 [type = "button"] {커서 : 포인터;}
</스타일>
<cript>
기능 hextor (h) {
Parseint를 반환합니다 ((Cuthex (H)). 서브 스트링 (0, 2), 16)
}
함수 hextog (h) {
Parseint를 반환합니다 ((Cuthex (H)). 서브 스트링 (2, 4), 16)
}
기능 hextob (h) {
Parseint를 반환합니다 ((Cuthex (H)). 서브 스트링 (4, 6), 16)
}
기능 Cuthex (H) {
H.Charat (0) == "#"를 반환하십시오. H. 서브 스트링 (1, 7) : h
}
함수 setbgcolorByid (id, scolor) {
var elems;
if (document.getElementById) {
if (elems = document.getElementById (id)) {
if (elems.style) elems.style.backgroundColor = Scolor;
}
}
}
</스크립트>
</head>
<body>
<div>
<span> javaScript rgb value에 대한 기본 16 진 색 값 </span>
<form name = "rgb">
<입력 값 = "ffffffff"maxlength = "7"size = "16"name = "hex" />
<input onclick = "setBgcolorById ( 'colorsample', this.form.hex.value);
this.form.r.value = hextor (this.form.hex.value);
this.form.g.value = hextog (this.form.hex.value);
this.form.b.value = hextob (this.form.hex.value); "value ="conver "type ="button "name ="btn "/>
<br /> <br />
r : <입력 size = "3"name = "r" />
g : <입력 크기 = "3"name = "g" />
b : <입력 size = "3"name = "b" />
</form>
</div>
</body>
</html>
작동 효과는 아래 그림에 나와 있습니다.
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.