本文介绍了用JavaScript改变网页背景和字体颜色的方法。分享给大家参考。具体分析如下：

JavaScript，通过点击按钮改变网页的背景颜色和字体，网页中有n个按钮可以改变颜色，点击不同的按钮会将网页的字体和背景改变成不同的颜色。非常简单的JavaScript小程序。

一、基本目标。

当你打开一个网页时，你会被提示问候信息“你好”。

网页中有n个改变颜色的按钮，其中返回网页默认颜色，背景为白色，字体为黑色。

点击不同的按钮，网页的字体和背景会变成不同的颜色。

我想做彩虹改进，但是原理完全一样，所以不需要写按钮。

第二，基本思路。

关键是为body标签和font js提供id，这样就可以在js中控制它们。这个例子提供了js函数的应用。

第三，生产过程

只是一个简单的小页面，详情见注释：

复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；Charset=gb2312' /titlejs更改背景颜色/标题！-这个部分也可以分成一个js文件，但是这段代码太短，所以没有必要。-Script type=' text/JavaScript '/on load相当于这个网页的构造函数，onunload相当于析取函数load() {alert ('Hello！'。);}函数unload() {alert('再见！'。);}函数更改颜色(bcolor，fcolor){//相当于从span style='color: '传递的fcolor，从而更改document.getelementbyid ('body ')的字体颜色。style.background=bcolordocument . getelementbyid(' ziti '). style . color=fcolor；}/脚本/头像！-关键是为整个网页和内联字体提供一个id，JS中的getElementById()方法可以轻松控制CSS中的事情-body onload=' load()' onunload=' unload()' id=' body ' span id=' ziti ' JS/span br/！-注意在双引号中传递参数时，要把原来的双引号改成单引号，onclick值是点击这个按钮后会被激发的东西-input onclick=' change color '(# ff 0000 '，# ffffff ')' type=' button ' value=' red '/inputonclick=' change color '(# ff 9900 '，' # ffff ')' type=' button ' value=' orange '/inputonclick=' change color '(# ffff 000 '，#000).input onclick=' change color '(# ffffff '，' # 00000 ')' type=' button ' value=' return '/body/html。

onunload()功能只在IE关闭此页面时有效，此对话框不会在最前面，Google浏览器也没有效果。所以这个功能意义不大。

对js色彩操作技巧感兴趣的朋友也可以参考在线工具：

RGB颜色编码发生器。

在线网页配色工具。

RGB颜色查询对照表_颜色码表_颜色的英文名称。

希望这篇文章对你的javascript编程有所帮助。