本文實例講述了JavaScript實作更改網頁背景與字體顏色的方法。分享給大家供大家參考。具體分析如下:
JavaScript,點選按鈕變更網頁背景與字體的顏色,網頁中有N個改變顏色的按鈕,點選不同的按鈕,網頁的字體與背景就會改變成不同的顏色。很簡單的JavaScript小程式。
一、基本目標
一開啟網頁先提示問候訊息「你好」
網頁中有N個改變顏色的按鈕,其中回傳是回網頁的預設顏色,背景是白的,字體是黑的
點選不同的按鈕,網頁的字體與背景就會改變成不同的顏色。
本來想做出彩虹起色的,但原理完全一樣就不多寫按鈕了。
二、基本思想
關鍵是對body標籤與字體js提供id,使其在js中得到控制。本例提供了對js函數的應用。
三、製作過程
就一個簡單的小頁面,詳情請見註: