Html開(kāi)關(guān)燈功能可以幫助網(wǎng)站進(jìn)行夜間模式的設(shè)置，方便用戶在光線較暗的情況下使用網(wǎng)站，那么如何設(shè)置呢？下面我們來(lái)介紹一下。
首先，在代碼中使用pre標(biāo)簽，引入JavaScript代碼，來(lái)實(shí)現(xiàn)開(kāi)關(guān)燈的功能。代碼如下：
function changeTheme() {
var theme = document.getElementById("theme");
if (theme.getAttribute("href") == "light.css") {
theme.href = "dark.css";
} else {
theme.href = "light.css";
}
}這段代碼主要是在點(diǎn)擊開(kāi)關(guān)燈的時(shí)候，更改網(wǎng)站的CSS文件，從而實(shí)現(xiàn)開(kāi)關(guān)燈的效果。
接下來(lái)，我們需要在網(wǎng)站中引入兩個(gè)CSS文件，一個(gè)是白天時(shí)候的CSS文件，另一個(gè)是夜間模式的CSS文件。在HTML代碼中添加以下CSS鏈接：
其中，id屬性設(shè)置為theme，是為了在JavaScript中方便使用。
最后，在HTML中添加開(kāi)關(guān)燈按鈕的代碼，用于觸發(fā)JavaScript函數(shù)：
這樣就完成了Html開(kāi)關(guān)燈功能的設(shè)置，用戶可以根據(jù)需求來(lái)選擇是否開(kāi)啟夜間模式，提高網(wǎng)站的易用性。
上一篇c json拼接