我知道以前曾有人問(wèn)過(guò)類似的問(wèn)題，但這對(duì)我的情況沒(méi)有幫助。我嘗試了很多，但都失敗了。我有 HTML 代碼、JS 代碼和 php 腳本?，F(xiàn)在發(fā)生的事情是我的 html 頁(yè)面中有一個(gè)名為“Lights On”的按鈕。當(dāng)我按下“開燈”按鈕時(shí)，它會(huì)在服務(wù)器中運(yùn)行一個(gè) Php 腳本來(lái)觸發(fā)連接到設(shè)備的燈（我們稱其為照明設(shè)備）。當(dāng)我按下按鈕時(shí)，按鈕就會(huì)變成綠色。JS 代碼在那里，所以當(dāng)我按下按鈕并單擊網(wǎng)頁(yè)上的其他任何位置后，按鈕仍然是綠色的。它只是表明該按鈕處于活動(dòng)狀態(tài)。到目前為止一切正常。問(wèn)題問(wèn)題是，當(dāng)沒(méi)有互聯(lián)網(wǎng)連接時(shí)在我的 html 頁(yè)面和照明設(shè)備之間建立的按鈕的行為符合我的預(yù)期。即，當(dāng)我按下按鈕時(shí)，它具有綠色，當(dāng)我按下網(wǎng)頁(yè)上的其他位置時(shí)，按鈕不會(huì)失去其顏色。但是，一旦按下按鈕，我的html頁(yè)面和照明設(shè)備之間的連接成功，按鈕就會(huì)失去顏色。（注意：建立連接后頁(yè)面會(huì)刷新）?，F(xiàn)在連接完成后我看不到綠色。在同一個(gè) html 頁(yè)面中還有另一個(gè)用于關(guān)閉燈的按鈕。但我不想添加它，因?yàn)榇a會(huì)變得太大。我只是想知道是否有辦法讓我的按鈕顏色即使我的網(wǎng)頁(yè)刷新也保持不變？或者我可以用我的 php 腳本做一些事情，以便在按鈕返回 true 時(shí)立即為按鈕提供顏色？謝謝堆！！感謝您抽出時(shí)間！HTML代碼<!DOCTYPE html><html><head> <style> .button { margin-top: 280px; margin-left: 420px; border: none; color: white; padding: 30px 35px; } .button:target { color: green; outline: none; -webkit-box-shadow: inset 0px 0px 5px #c1c1c1; -moz-box-shadow: inset 0px 0px 5px #c1c1c1; box-shadow: inset 0px 0px 5px #c1c1c1; } button.selected { background-color: green; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-UA-Compatible" content="ie=edge"><body> <form method="get" action="http://myserver.com/triggeron.php"> <button class="button">Lights On</button> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="myscript.js"></script>JavaScript（myscript.js）$('button').on('click', function(){ $('button').removeClass('selected'); $(this).addClass('selected');});PHP 代碼（triggeron.php）<?php$response = @file_get_contents('http://1.1.1.1/cgi-bin/output?username=abcd&password=cdef&action=on&pin=relay');if($response ==true){ header("Location: index.html");}?>
按鈕顏色更改 HTML
開滿天機(jī)
2023-08-10 15:52:32
