如何在javascript中设置网页的背景图片？

<script>
body {  background-repeat: repeat-x; background-image: url(news/images/hx.gif)}
</script>

解决方案 »

  1.   

    <body id="mybody">
    <script language = "javascript">
    document.all.mybody.style.backgroundImage='url(http://community.csdn.net/images/CSDN_logo.GIF)';
    </script>
    </body>
      

  2.   

    <style type="text/css">
    <!--
    .body{
    background-image: url(bg.jpg);//图片
    background-color: green;//颜色
    }
    -->
    </style>
    </head>
    <script language="JavaScript">
    <!--
    function change()
    {
    document.getElementById("body").className="body";
    }
    //-->
    </script>
    <body id="body">
      <div onclick="change()">点击改变</div>
    </body>
      

  3.   

    <style type="text/css">
    <!--
    .body{
    background-image: url(bg.jpg);
    background-color: green;
    }
    -->
    </style>
    </head>
    <script language="JavaScript">
    <!--
    function change()
    {
    document.getElementById("body").className="body";
    }
    //-->
    </script>
    <body id="body">
      <div onclick="change()">点击改变</div>
    </body>