在页面加载时更改 Aspx 页面正文图像 - ASP.Net

Question

我在 Asp.Net 中建立了一个网站，但遇到了一个问题，我希望我的一个页面为页面背景加载“不同的图像”。原始图像也用于整个网站的大部分内容，位于 CSS 脚本文件中：

body   
{
   background-image: url('../Images/SkyBackMain.jpg');
}

但是，在我想要更改图像的页面上，我已将 javascript 放置在 load 事件的代码中，但我遇到了几个错误。这是代码背后的代码：

public partial class TechCall : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
    string script = "<script type=\"text/javascript\">
        document.body.style.background = \"url('../Images/CPUBack_2nd.jpg')";
        document.body.style.backgroundRepeat = 'no-repeat';
    </script>\";

    ClientScript.RegisterClientScriptBlock(this.GetType(), "background-changer-script", script);
}
}

我得到如下错误：

1. "<script type=\"text/javascript\"> -- 换行不断出错。
2. \"url('../Images/CPUBack_2nd.jpg')"; -- 无效的表达式术语和;预期的。
3. 'no-repeat'; -- 字符文字中的字符太多。
4. </script>\"; -- 错误：只有赋值、调用、递增、递减和新对象表达式可以用作语句。

在类似的帖子中研究这个问题时，我应用了 Javascript 概念，但我得到了这些错误。我是否在这里遗漏了什么，而我需要在代码隐藏页面之前将 Javascript 放在其他地方？如果是这样，我不知道它还需要在哪里。非常感谢您的洞察力。

Answer 1

我相信你忘了做适当的连接

 string script = "<script type=\"text/javascript\">"
                            + "document.body.style.background = \"url('../Images/CPUBack_2nd.jpg')"
                            + "document.body.style.backgroundRepeat = 'no-repeat';"
                            + "</script>\"";

编辑 这是一种更好的方法（不那么混乱）

StringBuilder script = new StringBuilder();
script.Append("<script type=\"text/javascript\">");
script.Append("document.body.style.background = \"url('../Images/CPUBack_2nd.jpg')\";");
script.Append("document.body.style.backgroundRepeat = 'no-repeat';");
script.Append("</script>");
this.ClientScript.RegisterClientScriptBlock(this.GetType(), "changeBackground", script.ToString());

请阅读更多关于如何从服务器端注册客户端脚本

RegisterClientScriptBlock