怎么利用JavaScript实现点击按钮改变页面的背景图片

mercedesaa 2009-03-12 01:39:36

protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("<script language='javascript'>document.body.style.background=‘images/2.gif';</script>");

}
这样不行么，有人说是dom没有加载，是么？可是怎么改呢

谢谢大家指导~~

...全文

1043 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

koukoujiayi 2009-03-12

打赏
举报

这绝对不会错!!
document.body.style.backgroundImage = 'url(Images/1.jpg)';

mercedesaa 2009-03-12

打赏
举报

颜色的我之前也做了好用，可是不知道为什么，同样的改成背景图片就不行了~~仍然感谢了~~~

mercedesaa 2009-03-12

打赏
举报

好用~~谢谢~~

melon23 2009-03-12

打赏
举报

不好用，可能你的路径有问题。
更改颜色测试通过：

<head runat="server">

    <title>无标题页</title>

    <script type="text/javascript">

    function background()

    {

    document.body.style.backgroundColor="red"

       

    }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:Button ID="Button1" OnClientClick="background();return false" runat="server" Text="Button" />

    dfdsafasf

    </div>

    </form>

</body>

</html>

huohua123 2009-03-12

打赏
举报

在客户端这样写也可以。刚才试了下。成功。
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language=javascript type=text/javascript>
function changeBg()
{
document.body.style.backgroundImage="url(images/2.gif)";
}

</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<input type=button id="btn" onclick="changeBg()">
</form>
</body>
</HTML>

huohua123 2009-03-12

打赏
举报

protected void Button1_Click(object sender, EventArgs e)
{
Response.Write(" <script language='javascript'>document.body.style.backgroundImage='url(images/2.gif)'; </script>");

}
改成这样试试。

mercedesaa 2009-03-12

打赏
举报

总是说缺少对象什么的

mercedesaa 2009-03-12

打赏
举报

全都不好用呀~~~我都试过了~~辛苦大家了~~继续努力中……

Robin 2009-03-12

打赏
举报

document.body.background='images/2.gif'

注意路径

lianhui1122 2009-03-12

打赏
举报

中间加个alert 看执行了吗
这个=‘images/2.gif'你用的是全角的
要用半角'

arjsyy 2009-03-12

打赏
举报

如果背景是图片的话， document.body.style.backgroundImage='url(images/2.gif)';

arjsyy 2009-03-12

打赏
举报

在客户端写一个js 是改变背景的，然后在服务器端调用这个js就可以了

melon23 2009-03-12

打赏
举报

应该用 document.body.style.backgroundImage

最好在客户端处理javascript：

<head runat="server">

    <title>无标题页</title>

    <script type="text/javascript">

    function background()

    {

    document.body.style.backgroundImage='images/2.gif';

       

    }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:Button ID="Button1" OnClientClick="background();return false" runat="server" Text="Button" />

    dfdsafasf

    </div>

    </form>

</body>

</html>