JavaScript實作更改網頁背景與字體顏色的方法_javascript技巧
本文實例講述了JavaScript實作更改網頁背景與字體顏色的方法。分享給大家供大家參考。具體分析如下：
JavaScript，點選按鈕變更網頁背景與字體的顏色，網頁中有N個改變顏色的按鈕，點選不同的按鈕，網頁的字體與背景就會改變成不同的顏色。很簡單的JavaScript小程式。
一、基本目標
一開啟網頁先提示問候訊息「你好」
網頁中有N個改變顏色的按鈕，其中回傳是回網頁的預設顏色，背景是白的，字體是黑的
點選不同的按鈕，網頁的字體與背景就會改變成不同的顏色。
本來想做出彩虹起色的，但原理完全一樣就不多寫按鈕了。
二、基本思想
關鍵是對body標籤與字體js提供id，使其在js中得到控制。本例提供了對js函數的應用。
三、製作過程
就一個簡單的小頁面，詳情請見註：
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
怎麼更改wallpaper engine的儲存位置？ wallpaper engine設定儲存路徑方法
Mar 13, 2024 pm 12:40 PM
很多用戶都喜歡在wallpaperengine上下載各種的壁紙、視頻，時間久了，就會發現下載的壁紙越來越多，導致硬碟空間不夠用了，這時候可以更改wallpaperengine的儲存位置來減少空間佔用。那麼下面就來看看wallpaperengine更改儲存路徑的方法吧。 第一步：點選左上角steam下的設定開啟以下介面。 第二步：點擊下載找到內容庫下面的“Steam庫資料夾”，在上面按一下開啟。 第三步：點擊新增庫資料夾，選擇你想要的更改到的路徑，添加好之後在預設那一欄右鍵，
Edge瀏覽器怎麼將網頁用捷徑傳送到桌面？
Mar 14, 2024 pm 05:22 PM
Edge瀏覽器怎麼將網頁用捷徑傳送到桌面？我們很多用戶為了方便直接打開訪問頁面，想要將經常使用的網頁以快捷方式的形式顯示在桌面，但是不知道應該如何操作，針對這個問題，本期小編就來和廣大用戶們分享解決方法，一起來看看今日軟體教學分享的內容。 Edge瀏覽器將網頁傳送到桌面捷徑方法： 1、開啟軟體，點選頁面中的「...」按鈕。 2、在下拉式選單選項中選擇「應用」中的「將此網站作為應用程式安裝」。 3、最後在彈出的視窗中將其
怎麼在番茄免費小說app中寫小說 分享番茄小說寫小說方法教程
Mar 28, 2024 pm 12:50 PM
番茄小說是一款非常熱門的小說閱讀軟體，我們在番茄小說中經常會有新的小說和漫畫可以去閱讀，每一本小說和漫畫都很有意思，很多小伙伴也想著要去寫小說來賺取賺取零用錢，在把自己想要寫的小說內容編輯成文字，那麼我們要怎麼樣在這裡面去寫小說呢?小伙伴們都不知道，那就讓我們一起到本站本站中花點時間來看寫小說的方法介紹。分享番茄小說寫小說方法教學 1、先在手機上打開番茄免費小說app，點擊個人中心——作家中心 2、跳到番茄作家助手頁面——點擊創建新書在小說的結
七彩虹主機板怎麼進入bios？教你兩種方法
Mar 13, 2024 pm 06:01 PM
七彩虹主機板在中國國內市場享有較高的知名度和市場佔有率，但是有些七彩虹主機板的用戶還不清楚怎麼進入bios進行設定呢？針對這一情況，小編專門為大家帶來了兩種進入七彩虹主機板bios的方法，快來試試吧！方法一：使用u盤啟動快捷鍵直接進入u盤裝系統七彩虹主機板一鍵啟動u盤的快捷鍵是ESC或F11，首先使用黑鯊裝機大師製作一個黑鯊U盤啟動盤，然後開啟電腦，當看到開機畫面的時候，連續按下鍵盤上的ESC或F11鍵以後將會進入到一個啟動項順序選擇的窗口，將遊標移到顯示“USB”的地方，然
微信刪除的人如何找回（簡單教學告訴你如何恢復被刪除的聯絡人）
May 01, 2024 pm 12:01 PM
而後悔莫及、人們常常會因為一些原因不小心刪除某些聯絡人、微信作為一款廣泛使用的社群軟體。幫助用戶解決這個問題，本文將介紹如何透過簡單的方法找回被刪除的聯絡人。 1.了解微信聯絡人刪除機制這為我們找回被刪除的聯絡人提供了可能性、微信中的聯絡人刪除機制是將其從通訊錄中移除，但並未完全刪除。 2.使用微信內建「通訊錄恢復」功能微信提供了「通訊錄恢復」節省時間和精力，使用者可以透過此功能快速找回先前刪除的聯絡人，功能。 3.進入微信設定頁面點選右下角，開啟微信應用程式「我」再點選右上角設定圖示、進入設定頁面，，
手機版龍蛋孵化方法大揭密（一步一步教你如何成功孵化手機版龍蛋）
May 04, 2024 pm 06:01 PM
手機遊戲成為了人們生活中不可或缺的一部分，隨著科技的發展。它以其可愛的龍蛋形象和有趣的孵化過程吸引了眾多玩家的關注，而其中一款備受矚目的遊戲就是手機版龍蛋。幫助玩家們在遊戲中更好地培養和成長自己的小龍，本文將向大家介紹手機版龍蛋的孵化方法。 1.選擇合適的龍蛋種類玩家需要仔細選擇自己喜歡並且適合自己的龍蛋種類，根據遊戲中提供的不同種類的龍蛋屬性和能力。 2.提升孵化機的等級玩家需要透過完成任務和收集道具來提升孵化機的等級，孵化機的等級決定了孵化速度和孵化成功率。 3.收集孵化所需的資源玩家需要在遊戲中
網頁圖片載入不出來怎麼辦？ 6種解決辦法
Mar 15, 2024 am 10:30 AM
有網友發現打開瀏覽器網頁，網頁上的圖片遲遲加載不出來，是怎麼回事？檢查過網路是正常的，那是哪裡出現了問題呢？下面小編就來跟大家介紹一下網頁圖片載入不出來的六種解決方法。網頁圖片載入不出來： 1、網速問題網頁顯示不出圖片有可能是因為電腦的網路速度比較慢，電腦中開啟的軟體比較多， 而我們造訪的圖片比較大，這就可能因為載入逾時，導致圖片顯示不出來， 可以將比較佔網速的軟體將關掉，可以去任務管理器查看一下。 2、造訪人數過多 網頁顯示不出圖片還有可能是因為我們造訪的網頁，在同時段造訪的
快速掌握：華為手機開啟兩個微信帳號方法大揭密！
Mar 23, 2024 am 10:42 AM
在現今社會，手機已經成為我們生活中不可或缺的一部分。而微信作為我們日常溝通、工作、生活的重要工具，更是經常被使用。然而，在處理不同事務時可能需要分開兩個微信帳號，這就要求手機能夠支援同時登入兩個微信帳號。華為手機作為國內知名品牌，很多人使用，那麼華為手機開啟兩個微信帳號的方法是怎麼樣的呢？下面就來揭秘一下這個方法。首先，要在華為手機上同時使用兩個微信帳號，最簡
