Cet article décrit la méthode d'implémentation de la valeur de couleur hexadécimale à RVB en JavaScript. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Valeur de couleur hexadécimale à RGB </TITME>
<style>
* {marge: 0; rembourrage: 0; Font-Family: 'Microsoft Yahei'}
.replace {largeur: 400px; hauteur: 210px; marge: 0 auto; padding-top: 40px;}
.Title {Text-Align: Centre; Affichage: Bloc}
formulaire {largeur: 200px; marge: 30px auto;}
entrée {contour: aucun;}
entrée [type = "bouton"] {curseur: pointeur;}
</ style>
<cript>
fonction hextor (h) {
RETOUR PARSEINT ((Cuthex (H)). Sous-chaîne (0, 2), 16)
}
fonction hextog (h) {
RETOUR PARSEINT ((Cuthex (H)). Sous-chaîne (2, 4), 16)
}
fonction hextob (h) {
Retour Parseint ((Cuthex (H)). Sous-chaîne (4, 6), 16)
}
fonction Cuthex (h) {
retour h.charat (0) == "#"? H.Substring (1, 7): h
}
fonction setBgColorById (id, scolor) {
var elems;
if (document.getElementByid) {
if (elems = document.getElementById (id)) {
if (elems.style) elems.style.backgroundColor = Scolor;
}
}
}
</cript>
</ head>
<body>
<div>
<span> JavaScript natif hexadécimal Valeur de couleur à la valeur RVB </span>
<form name = "rgb">
<input value = "ffffffff" maxLength = "7" size = "16" name = "hex" />
<entrée 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 =" convert "type =" bouton "name =" btn "/>
<br /> <br />
R: <input size = "3" name = "r" />
G: <input size = "3" name = "g" />
B: <input size = "3" name = "b" />
</ form>
</div>
</docy>
</html>
L'effet de fonctionnement est illustré dans la figure ci-dessous:
J'espère que cet article sera utile à la programmation JavaScript de tous.