我知道以前曾有人問過類似的問題，但這對我的情況沒有幫助。我嘗試了很多，但都失敗了。我有 HTML 代碼、JS 代碼和 php 腳本?，F在發生的事情是我的 html 頁面中有一個名為“Lights On”的按鈕。當我按下“開燈”按鈕時，它會在服務器中運行一個 Php 腳本來觸發連接到設備的燈（我們稱其為照明設備）。當我按下按鈕時，按鈕就會變成綠色。JS 代碼在那里，所以當我按下按鈕并單擊網頁上的其他任何位置后，按鈕仍然是綠色的。它只是表明該按鈕處于活動狀態。到目前為止一切正常。問題問題是，當沒有互聯網連接時在我的 html 頁面和照明設備之間建立的按鈕的行為符合我的預期。即，當我按下按鈕時，它具有綠色，當我按下網頁上的其他位置時，按鈕不會失去其顏色。但是，一旦按下按鈕，我的html頁面和照明設備之間的連接成功，按鈕就會失去顏色。（注意：建立連接后頁面會刷新）?，F在連接完成后我看不到綠色。在同一個 html 頁面中還有另一個用于關閉燈的按鈕。但我不想添加它，因為代碼會變得太大。我只是想知道是否有辦法讓我的按鈕顏色即使我的網頁刷新也保持不變？或者我可以用我的 php 腳本做一些事情，以便在按鈕返回 true 時立即為按鈕提供顏色？謝謝堆?。「兄x您抽出時間！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
開滿天機
2023-08-10 15:52:32
