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 编程实践有所帮助。
作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
