この記事では、Webページの背景色と選択ボックスの色の変更を同時に達成するためのJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<Title> JSは、Webページの背景色と選択ボックスの色を同時に実装します</title>
</head>
<body>
<スクリプト言語= "javascript">
Colors = new Array（ '＃fffffff'、 '＃ffccff'、 '＃ff99ff'、 '＃ff66ff'、 '＃ff33ff'、 '＃ff00ff'、 '＃fffcc'、 '＃ffcccc'、 '＃ff99cc'、 '＃ff66cc' 、 '＃ffcc99'、 '＃ff9999'、 '＃ff6699'、 '＃ff3399'、 '＃ff0099'、 '＃fff66'、 '＃ffcc6 6 '、'＃ff9966 '、'＃ff6666 '、'＃ff3366 '、'＃ff0066 '、'＃fff33 '、'＃ffcc33 '、'＃fff 9933 '、'＃ff6633 '、'＃ff3333 '、'＃ff0033 '、'＃ffff00 '、'＃ffcc00 '、'＃ff9900 '、'＃ff6600 '、'＃ff3300 '、'＃ff0000 '、'＃ccfff '' 、 '＃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'、 '＃9900ff'、 '' '' '' '' '' '' ''＃9900 cc '、'＃9966cc '、'＃9933cc '、'＃9900cc '、'＃99ff99 '、'＃99cc99 '、'＃99999 '、'＃996699 '、'＃993399 '、'＃990099 '、'＃99ff66 '、'＃99cc66 '、'＃999966 '、'＃996666 '、'＃996666 '、' ＃993366 '、'＃990066 '、'＃99ff33 '、'＃99cc33 '、'＃99933 '、'＃996633 '、'＃993333 ' 、 '＃990033'、 '＃99ff00'、 '＃99cc00'、 '＃999900'、 '＃996600'、 '＃993300'、 '＃99000 0 '、'＃66ffff '、'＃66ccff '、'＃6699ff '、'＃6666ff '、'＃6633ff '、'＃6600ff '、'＃66ffcc '、'＃66cccc、 '＃6699cc'、 '＃6666cc'、 '＃6600cc'、 '' '' '' '' '' '' '' '' '＃6600cc' 66cc99 '、'＃669999 '、'＃666699 '、'＃663399 '、'＃660099 '、'＃66ff66 '、'＃66cc66 '、 '＃669966'、 '＃666666'、 '＃663366'、 '＃660066'、 '＃66ff33'、 '＃66cc33'、 '＃669933 '、'＃666633 '、'＃66333 '、'＃660033 '、'＃66ff00 '、'＃66cc00 '、'＃669900 '、'＃666600 '、' ＃663300 '、'＃660000 '、'＃33ffff '、'＃33cfff '、'＃3399ff '、'＃3366ff '、'＃3366ff '、'＃33 333ff '、'＃3300ff '、'＃33ffcc '、'＃33cccc '、'＃3399cc '、'＃3366cc '、'＃3333cc '、'＃3300c C '、'＃33ff99 '、'＃33cc99 '、'＃339999 '、'＃336699 '、'＃33333999 '、'＃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'、 '＃00999'、 '＃006699 '、'＃003399 '、'＃0000999 '、'＃00FF66 '、'＃00CC66 '、'＃009966 '、'＃006666 '、'＃003 366 '、'＃000066 '、'＃00ff33 '、'＃00cc33 '、'＃009933 '、'＃006633 '、'＃003333 '、'＃0 00033 '、'＃00ff00 '、'＃00cc00 '、'＃009900 '、'＃006600 '、'＃003300 '、'＃000000 '）;
function show（file）{
var url = file.options [file.selectedIndex] .Value;
if（document.all || document.layers）
location.href = url;
else if（document.getElementById）{
if（url！=未定義）
location.href = url;
}
}
var強度;
var color1 = colors [math.round（math.random（） *（colors.length-1））];
var color2 = colors [math.round（math.random（） *（colors.length-1））];
var color3 = colors [math.round（math.random（） *（colors.length-1））];
強さ= '<style type = "text/css"> select {width：300;高さ：118;オーバーフロー：隠し;フォントファミリー：タイムズニューローマ。フォントサイズ：14px;色：';
強度 += color1;
強さ += ';背景：';
強度 += color2;
強さ += ';} body {background：';
強度 += color3;
強さ += ';} td {font-family：Times New Roman;フォントサイズ：14px;色：＃000000;} </style> ';
document.writeln（streng）;
</script>
<Table CellPacing = "0" CellPadding = "0">
<form name = "form"ターゲット= "_ blank">
<tr>
<td>
<select name = "showoff" id = "showoff" size = "3" onchange = "show（document.form.showoff）">
<オプション値= "http://www.163.com"> 163 Netease </option>
<オプション値= "http://www.baidu.com"> baidu search </option>
</select>
</td>
</tr>
</form>
</table>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。