تصف هذه المقالة طريقة JS لتحقيق تغيير لون خلفية صفحة الويب واللون في مربع SELECT في نفس الوقت. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" />
<title> JS ينفذ لون خلفية صفحة الويب واللون في مربع تحديد في نفس الوقت </title>
</head>
<body>
<script language = "javaScript">
الألوان = جديد 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 '،'#ff0000 ،#ccffff '،'#cc99 ، ، '#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 '،'#cc333 '،'#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 '،'#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 '،'#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 '،'#33ccc '،'#3399cc '،'#3366cc '،'#3333cc '،'#3300c C '،'#33ff99 '،'#33cc99 '،'#339999 '،'#336699 '،'#333999 '،'#333999 '،'#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 '،'#00ccc '،'#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 ') ؛
وظيفة عرض (ملف) {
var url = file.options [file.selectedIndex] .value ؛
if (document.all || document.layers)
location.href = url ؛
آخر إذا (document.getElementById) {
إذا (url! = غير محدد)
location.href = url ؛
}
}
فاف قوة
var color1 = colors [math.round (math.random () * (color.length-1))] ؛
var color2 = colors [math.round (math.random () * (color.length-1))] ؛
var color3 = colors [math.round (math.random () * (color.length-1))] ؛
قوة = '<style type = "text/css"> حدد {width: 300 ؛ الارتفاع: 118 ؛ الفائض: مخفي. Font-Family: Times New Roman ؛ حجم الخط: 14px ؛ لون:'؛
القوة += color1 ؛
القوة += '؛ خلفية:'؛
القوة += color2 ؛
القوة += '؛} الجسم {background:' ؛
القوة += color3 ؛
القوة += '؛} td {font-family: Times New Roman ؛ حجم الخط: 14px ؛ اللون: #000000 ؛} </style> '؛
document.writeln (Streng) ؛
</script>
<table cellpacing = "0" cellpadding = "0">
<form name = "form" target = "_ Blank">
<tr>
<td>
<حدد name = "showoff" id = "showoff" size = "3" onChange = "show (document.form.showoff)">
<Option Value = "http://www.163.com"> 163 Netease </Option>
<Option Value = "http://www.baidu.com"> Baidu Search </Option>
</select>
</td>
</r>
</form>
</table>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.