Este artigo descreve o método do JS para alcançar a alteração da cor de fundo da página da web e a cor na caixa de seleção ao mesmo tempo. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<Title> JS implementa a página de fundo da página da web e a cor na caixa de seleção ao mesmo tempo </title>
</head>
<Body>
<Script Language = "JavaScript">
cores = novo Array ('#fffffff', '#ffccff', '#ff99ff', '#ff66ff', '#ff33ff', '#ff00ff', ' #Fffcc ','#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 ','#ffff00 ','#ffcc00 ','#ff9900 ','#ff6600 ','#ff3300, '#fff00', '#ccff' ','#ff3300, '#fff00', '#ccff' ','#ff3300, '#fff00', '#ccff' '', '#ff3300,'#fff00 ','#ccff '', '#ff3300,'#fff00 ','#ccff '' ','#ff3300, '#fff00', '#ccff. , '#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 ','#99CCC ','#99999 CC ','#9966CC ','#9933CC ','#9900CC ','#99FF99 ','#99CC99 ','#999999 ','#996699 ','#993399 ','#990099 ','#99FF66 ','#99CC66 ','#999966 ','#996666 ','#996666 ',' #993366 ','#990066 ','#99FF33 ','#99CC33 ','#9999933 ','#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 ','#666699 ','#663399 ','#660099 ','#66FF66 ','#66CC66 ', '#669966', '#666666', '#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 ','#339999 ','#336699 ','#3333999 ','#3333999 ','#330099 ' , '#33FF66', '#33CC66', '#339966', '#336666', '#333366', '#330066', '#33FF3 3 ','#33CC33 ','#339933 ','#336633 ','#333333 ','#330033 ','#33FF00 ','#3333 CC00 ','#339900 ','#336600 ','#3333000 ','#330000 ','#00ffff ','#00ccff ',' #0099FF ','#0066FF ','#0033FF ','#0000FF ','#00FFCC ','#00CCCC ','#0099CC ', '#0066CC', '#0033CC', '#0000CC', '#00FF99', '#00CC99', '#009999', '#006699 ','#003399 ','#0000999 ','#00FF66 ','#00CC66 ','#009966 ','#006666 ','#003 366 ','#000066 ','#00FF33 ','#00CC33 ','#009933 ','#006633 ','#003333 ','#0 00033 ','#00FF00 ','#00CC00 ','#009900 ','#006600 ','#003300 ','#000000 ');
função show (arquivo) {
var url = file.options [file.lectectedIndex] .Value;
if (document.all || document.layers)
localização.href = url;
else if (document.getElementById) {
if (url! = indefinido)
localização.href = url;
}
}
força de var;
var color1 = cores [Math.Round (Math.random () * (Colors.Length-1))];
var color2 = cores [Math.Round (Math.random () * (Colors.Length-1))];
var color3 = cores [Math.Round (Math.random () * (Colors.Length-1))];
força = '<style type = "text/css"> selecione {width: 300; altura: 118; estouro: oculto; Fonte-família: Times New Roman; Size da fonte: 14px; cor:';
força += cor1;
força += '; fundo:';
força += color2;
força += ';} corpo {background:';
força += cor3;
Força += ';} td {Font-Family: Times New Roman; Size da fonte: 14px; Cor: #000000;} </style> ';
document.writeln (streng);
</script>
<tabela CellPacing = "0" CellPadding = "0">
<name de forma = "form" target = "_ em branco">
<tr>
<Td>
<select name = "showoff" id = "showoff" size = "3" onchange = "show (document.form.showoff)">
<opção value = "http://www.163.com"> 163 NetEase </pption>
<option value = "http://www.baidu.com"> Baidu Search </pption>
</leclect>
</td>
</tr>
</morm>
</tabela>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.