《JavaScript网页特效实例大全》1.1 HTML 5改变背景颜色

最新推荐文章于 2022-10-29 09:11:07 发布

原创最新推荐文章于 2022-10-29 09:11:07 发布 · 509 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用HTML和JavaScript实现网页背景颜色动态修改的方法。通过一个简单的输入框让用户输入颜色编码，点击按钮即可更新页面背景色。文章包含了完整的代码示例及运行效果。

改变背景颜色，就是改变属性background-color
html部分：

<body>
<form>
    <p align="left">请输入颜色编码：</p>
    <input type="text"name="text" size="20" /> &nbsp;&nbsp;
    <input type="button" name="button" value="修改颜色" onClick="change(this.form)" />
</form>
</body>

js部分：

<script language="JavaScript">
        function change(form)
        {
            /*未输入颜色编码，弹出提示框*/
            if (form.text.value == "")
                alert("你喜欢的颜色是?");
            else
            {
                /*按输入颜色编码，修改背景颜色*/
                document.bgColor=(""+form.text.value+" ");
            }
        }
    </script>

显示结果：