本文介绍如何使用 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 编程实践有所帮助。