In diesem Artikel wird die Methode von JS beschrieben, um die Hintergrundfarbe des angegebenen Bereichs zu wechseln, indem Sie auf den Farbblock klicken. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> js merkt, auf den Farbblock zu klicken, um die Hintergrundfarbe des angegebenen Bereichs zu wechseln </title>
</head>
<body>
<Div Align = "Center">
<Tabelle bgcolor =#f8f8f8 cellpadding = "0" style = "Border-Collapse: Collapse" id = "Bb1">
<tr>
<td colspan = "2">
<Div Align = "Center">
<Table CellPadding = "0" style = "Border-Collapse: Collapse" ID = "Tabelle2">
<tr> <td style = "Zeilenhöhe: 150%"> <span style = "Schriftgröße: 14px"> Wechseln Sie die Hintergrundfarbe des angegebenen Bereichs der Webseite in der Zeit </span> </td>
</tr> </table>
</div>
</td>
</tr> </table> </div>
<Div Align = "Center">
<Table CellPadding = "0" style = "Border-Collapse: Collapse" ID = "Tabelle1">
<tr> <td> <p Align = "rechts"> <font color = "#808080"> <span style = "font-size: 9pt"> Wählen Sie den Hintergrund aus: </span> </font> </td>
<td> <div align = "center"> <table cellpacing = "0" cellpadding = "0" id = "table1" style = "Border-Collapse: collapse" borderColor = "#fffff">
<tr>
<td onclick = "bb1.style.backgroundcolor = 'fdfdf0'; set_color ('fdfdf0')" bgcolor = "#fdfdf0"> </td>
<td onclick = "bb1.style.backgroundColor = 'B1D5F3'; set_color ('B1D5f3')" Bgcolor = "#B1D5F3"> </td>
<td onclick = "bb1.style.backgroundcolor = 'b4e7d9'; set_color ('b4e7d9')" bgcolor = "#b4e7d9"> </td>
<td onclick = "bb1.style.backgroundcolor = 'f1e8ff'; set_color ('f1e8ff')" bgcolor = "#f1e8ff"> </td>
<td onclick = "bb1.style.backgroundcolor = 'e8fff3'; set_color ('e8fff3')" bgcolor = "#e8fff3"> </td>
<td onclick = "bb1.style.backgroundcolor = 'cdcdde'; set_color ('cdcdde')" bgcolor = "#cdcdde"> </td>
</tr>
</table>
</div> </td> </tr> </table>
</div>
<script Language = JavaScript>
Funktion get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var Cookie_Value
var cookie_array = document.cookie.split (";"))
für (counter = 0; cookie_array.length; counter ++) {
cookie_pair = cookie_array [counter] .split ("=")
cookie_name = cookie_pair [0]
cookie_value = cookie_pair [1]
if (cookie_name == name_to_get) {
Rückkehr unemplary (Cookie_Value)
}
}
Null zurückkehren
}
var bg_color = get_cookie ("bgcolor_cookie")
Funktion set_color (color_val) {
set_cookie ("bgcolor_cookie", color_val, 365, "/")
}
Funktion set_cookie (Cookie_Name, Cookie_Value, Cookie_expire, Cookie_Path, Cookie_Domain, Cookie_secure) {
var cookie_string = cookie_name + "=" + cookie_value
if (cookie_expire) {
var expire_date = neues Datum ()
var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
expire_date.settime (expire_date.getTime () + ms_from_now)
var expire_string = expire_date.togmtstring ()
cookie_string + = "; expires =" + expire_string
}
if (cookie_path) {
cookie_string + = "; path =" + cookie_path
}
if (Cookie_domain) {
cookie_string + = "; Domain =" + cookie_domain
}
if (cookie_secure) {
cookie_string += "; true"
}
document.cookie = cookie_string
}
if (bg_color) {
bb1.style.backgroundcolor = bg_color
}
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.