js javascript 设置页面背景色,设置背景图片

最新推荐文章于 2022-09-03 19:21:54 发布

阳明阳明

最新推荐文章于 2022-09-03 19:21:54 发布

阅读量2.2w

点赞数 1

分类专栏： javascript 文章标签： javascript generator button html input function

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，该脚本允许用户通过点击按钮来更改网页的背景颜色或背景图片。通过调用document.body.style属性，实现了背景色和背景图片的动态切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
     <HEAD>  
      <TITLE> New Document </TITLE>  
      <META NAME="Generator" CONTENT="EditPlus">  
      <META NAME="Author" CONTENT="">  
      <META NAME="Keywords" CONTENT="">  
      <META NAME="Description" CONTENT="">  
    <SCRIPT   LANGUAGE=javascript>    
    function update(temp)  
    {  
        if(temp == 'color')  
        {  
            document.body.style.backgroundColor="#FFFFFF";//改变背景色  
        }  
        if(temp == 'img')  
        {  
            document.body.style.backgroundImage="url(http://www.iteye.com/upload/logo/user/37073/648c9ed4-f54b-3f4a-ac54-905f5a483307.gif?1236833802)"; //改变背景图片  
        }  
    }  
      </SCRIPT>  
      
     </HEAD>  
      
     <BODY bgcolor="#CCFFFF">  
      <input type = button value="改变背景色" onclick="update('color')">  
      <input type = button value="改变背景图片" onclick="update('img')">  
     </BODY>  
        
    </HTML>

转自 http://heisetoufa.iteye.com/blog/397305