JavaScript 实现网页文字颜色动态切换

作者:微光时间:2026-10-28 22:52:56浏览:294

本文介绍如何使用 JavaScript 结合 HTML 单选按钮,实现访问者自助选择网页文字颜色的功能。通过监听点击事件调用函数修改 document.body.style.color,动态切换页面字体显示颜色,适用于简单的页面样式自定义场景。

JavaScript 实现网页文字颜色动态切换

本文介绍一种利用 JavaScript 实现访问者自定义网页文字颜色的具体方法,供参考学习。


<html>
<head>
<title>JS实现让访问者自助选择网页的文字颜色</title>
<script language="javascript">
<!--
 function chColor(c){
 document.body.style.color = c;
 }
//-->
</script>
</head>
<body>
<input name="c" type="radio" value="#000000" onClick="chColor(this.value)" checked>黑
<input name="c" type="radio" value="#0000FF" onClick="chColor(this.value)">蓝
<input name="c" type="radio" value="#FF0000" onClick="chColor(this.value)">红<br>
本行文字会改变颜色哦! 
</body>
</html>

希望上述内容对您的 JavaScript 编程实践有所帮助。

作者最新文章