Este artículo describe el método de JS para lograr el cambio del color de fondo de la página web y el color en el cuadro de selección al mismo tiempo. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! 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">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> js implementa el color de fondo de la página web y el color en el cuadro de selección al mismo tiempo </title>
</ablo>
<Body>
<script language = "javaScript">
Colores = Nuevo Array ('#fffffff', '#ffccff', '#ff99ff', '#ff66ff', '#ff33ff', '#ff00ff', ' #Ffffcc ','#ffccccc ','#ff99cc ','#ff66cc ','#ff33cc ','#ff00cc ','#fff999 ' , '#Ffcc99', '#ff9999', '#ff6699', '#ff3399', '#ff0099', '#fff66', '#ffcc6 6 ','#ff9966 ','#ff6666 ','#ff3366 ','#ff0066 ','#fff33 ','#ffcc33 ','#fff 9933 ','#ff6633 ','#ff3333 ','#ff0033 ','#fffff00 ','#ffcc00 ','#ff9900 ','#ff6600 ','#ff3300 ','#ff0000 ','#ccffff ','#cc99ff ','#ccc66ff ',#cc6ff' , '#Cc33ff', '#cc00ff', '#ccffcc', '#cccccc', '#cc99cc', '#cc66cc', '#cc33cc ','#CC00CC ','#CCFF99 ','#CC9999 ','#CC9999 ','#CC6699 ','#CC3399 ','#CC00CC 099 ','#ccff66 ','#cccc66 ','#cc9966 ','#cc6666 ','#cc3366 ','#cc0066 ','#cc006 6 ','#CCFF33 ','#CC333 ','#CC9933 ','#CC6633 ','#CC3333 ','#CC0033 ','#CCFF00 ', '#CCCC00', '#CC9900', '#CC6600', '#CC3300', '#CC0000', '#99FFFF', '#99CCFF ','#9999ff ','#9966ff ','#9933ff ','#9900ff ','#99FFCC ','#99CCCC ','#99999 Cc ','#9966cc ','#9933cc ','#9900CC ','#99FF99 ','#99CC99 ','#999999 ','#996699 ','#993399 ','#990099 ','#99ff66 ','#99cc66 ','#9999966 ','#996666 ','#996666 ',', ',' #993366 ','#990066 ','#99FF33 ','#99CC33 ','#999933 ','#996633 ','#993333 ' , '#990033', '#99FF00', '#99CC00', '#999900', '#996600', '#993300', '#99000 0 ','#66ffff ','#66ccff ','#6699ff ','#6666ff ','#6633ff ','#6600ff ','#66 Ffcc ','#66cccc ','#6699cc ','#6666cc ','#6633cc ','#6600cc ','#66ff99 ','# 66cc99 ','#669999 ','#6666699 ','#6633399 ','#660099 ','#66ff66 ','#66cc66 ', '#669966', '#6666666', '#663366', '#660066', '#66FF33', '#66CC33', '#669933 ','#666633 ','#66333 ','#660033 ','#66FF00 ','#66CC00 ','#669900 ','#666600 ',', ' #663300 ','#660000 ','#33FFFF ','#33CCFF ','#3399ff ','#3366ff ','#3366ff ','#33 333ff ','#3300ff ','#33FFCC ','#33CCCC ','#3399CC ','#3366CC ','#3333CC ','#3300C C ','#33ff99 ','#33CC99 ','#3399999 ','#336699 ','#33339999 ','#33339999 ','#330099 ' , '#33ff66', '#33CC66', '#339966', '#3366666', '#3333366', '#330066', '#33FF3 3 ','#33CC33 ','#339933 ','#336633 ','#3333333 ','#330033 ','#33FF00 ','#3333 Cc00 ','#339900 ','#336600 ','#3333000 ','#330000 ','#00FFFF ','#00CCFFF ',', ' #0099ff ','#0066ff ','#0033ff ','#0000ff ','#00FFCC ','#00CCCC ','#0099CC ', '#0066cc', '#0033cc', '#0000CC', '#00FF99', '#00CC99', '#009999', '#006699 ','#003399 ','#00009999 ','#00FF66 ','#00CC66 ','#009966 ','#006666 ','#003 366 ','#000066 ','#00FF33 ','#00CC33 ','#009933 ','#006633 ','#003333 ','#0 00033 ','#00FF00 ','#00CC00 ','#009900 ','#006600 ','#003300 ','#000000 ');
función show (archivo) {
var url = file.options [file.selectedIndex] .Value;
if (document.all || document.layers)
ubicación.href = url;
else if (document.getElementById) {
if (url! = indefinido)
ubicación.href = url;
}
}
VAR fuerza;
var color1 = colores [math.round (math.random () * (colores.length-1))];
var color2 = colores [math.round (math.random () * (colores.length-1))];
var color3 = colores [math.round (math.random () * (colores.length-1))];
fortaleza = '<style type = "text/css"> select {width: 300; Altura: 118; desbordamiento: oculto; Font-Family: Times New Roman; tamaño de fuente: 14px; color:';
fuerza += color1;
fuerza += '; fondo:';
fuerza += color2;
fuerza += ';} cuerpo {fondo:';
fuerza += color3;
fuerza += ';} td {Font-Family: Times New Roman; tamaño de fuente: 14px; color: #000000;} </style> ';
document.writeln (Streng);
</script>
<TABLE CELLPACING = "0" CellPadding = "0">
<form de nombre = "form" target = "_ en blanco">
<tr>
<TD>
<select name = "showoff" id = "showoff" size = "3" onchange = "show (document.form.showoff)">
<opción value = "http://www.163.com"> 163 NetEase </opción>
<opción value = "http://www.baidu.com"> Baidu Search </opción>
</select>
</td>
</tr>
</form>
</table>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.