บทความนี้อธิบายวิธีการของ JS เพื่อสลับสีพื้นหลังของพื้นที่ที่ระบุโดยคลิกที่บล็อกสี แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> js ตระหนักดีว่าคลิกที่บล็อกสีเพื่อสลับสีพื้นหลังของพื้นที่ที่ระบุ </title>
</head>
<body>
<div align = "center">
<ตาราง bgColor =#f8f8f8 cellpadding = "0" style = "การหดตัวของชายแดน: การล่มสลาย" id = "bb1">
<tr>
<td colspan = "2">
<div align = "center">
<Table CellPadding = "0" style = "การล่มสลายของชายแดน: การล่มสลาย" id = "table2">
<tr> <td style = "line-height: 150%"> <span style = "ตัวอักษรขนาด: 14px"> สลับสีพื้นหลังของพื้นที่ที่ระบุของหน้าเว็บในเวลา </span> </td>
</tr> </table>
</div>
</td>
</tr> </table> </div>
<div align = "center">
<Table CellPadding = "0" style = "การยุบชายแดน: การล่มสลาย" id = "ตารางที่ 1">
<tr> <td> <p align = "ขวา"> <font color = "#808080"> <span style = "ตัวอักษรขนาด: 9pt"> โปรดเลือกพื้นหลัง: </span> </font> </td>
<td> <div align = "center"> <table cellpacing = "0" cellpadding = "0" id = "table1" style = "การล่มสลายของชายแดน: ยุบ" 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>
<ภาษาสคริปต์ = JavaScript>
ฟังก์ชั่น get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split (";")
สำหรับ (counter = 0; counter <cookie_array.length; counter ++) {
COOKIE_PAIR = COOKIE_ARRAY [CANTER] .SPLIT ("=")
COOKIE_NAME = COOKIE_PAIR [0]
COOKIE_VALUE = COOKIE_PAIR [1]
if (cookie_name == name_to_get) {
return unescape (cookie_value)
-
-
คืนค่า NULL
-
var bg_color = get_cookie ("bgcolor_cookie"))
ฟังก์ชั่น set_color (color_val) {
set_cookie ("bgcolor_cookie", color_val, 365, "/")
-
ฟังก์ชั่น 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 = วันที่ใหม่ ()
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>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน