Este artículo describe el método de JS para cambiar el color de fondo del área especificada haciendo clic en el bloque de color. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JS se da cuenta de hacer clic en el bloque de color para cambiar el color de fondo del área especificada </title>
</ablo>
<Body>
<div align = "centro">
<tabla bgcolor =#f8f8f8 cellPadding = "0" style = "border-colapse: colapso" id = "bb1">
<tr>
<td colspan = "2">
<div align = "centro">
<table cellPadding = "0" style = "border-colapse: colapso" id = "tabla2">
<tr> <td style = "Line-Hight: 150%"> <span style = "font-size: 14px"> Cambie el color de fondo del área especificada de la página web en el tiempo </span> </td>
</tr> </table>
</div>
</td>
</tr> </table> </div>
<div align = "centro">
<table cellPadding = "0" style = "border-colapse: colapso" id = "tabla1">
<tr> <td> <p align = "right"> <font color = "#808080"> <span style = "font-size: 9pt"> Seleccione el fondo: </span> </font> </td>>
<TD> <div align = "Center"> <table cellPacing = "0" cellPadding = "0" id = "table1" style = "border-colapse: colapso" 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>
función get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split (";")
for (contador = 0; contador <cookie_array.length; Counter ++) {
cookie_pair = cookie_array [contador] .split ("=")
cookie_name = cookie_pair [0]
cookie_value = cookie_pair [1]
if (cookie_name == name_to_get) {
Return Unescape (Cookie_Value)
}
}
regresa nulo
}
var bg_color = get_cookie ("bgcolor_cookie")
función set_color (color_val) {
set_cookie ("bgcolor_cookie", color_val, 365, "/")
}
función 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 = new Date ()
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 += "; verdadero"
}
document.cookie = cookie_string
}
if (bg_color) {
bb1.style.backgroundcolor = bg_color
}
</script>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.