我们可以使用；javascript"；“css中的代码”；背景；？

可能重复：

是否可以在css

background

中使用

javascript

代码？
意思是这样的：

style=“background:url（javascript:--javascript代码---）；” 这个语法是否有效

提前感谢

使用JavaScript访问样式属性 您不能在CSS中使用JavaScript，但可以使用JavaScript设置CSS规则。例如：

// Create CSS BackgroundImage Rule
var bg = "url('http://placekitten.com/200/300)";

// Apply Rule
document.getElementById("foo").style.backgroundImage = bg;

使变量和函数在CSS中成为可能 此外，还有一系列框架和工具允许您在CSS中使用函数和变量，例如或

IE的旧（自2008年以来已死亡）动态特性 在CSS中最接近JavaScript的应该是（在IE5中引入的），它对跨浏览器的支持非常差，并且是IE的现代版本

使用jQuery快速轻松地修改CSS 如果您需要使用JavaScript对样式进行大量修改，总体而言，人们正朝着采用框架来辅助的方向发展。例如，一个流行的框架是jQuery，它允许以下操作：

$("#foo").css('background-color', 'red');

以及通过对象的质量指定：

var color  = "#ffe", 
    border = "5px solid #ccc";

$("#foo").css({ 'background-color': color, 'border-left': border });

使用JavaScript访问样式属性 您不能在CSS中使用JavaScript，但可以使用JavaScript设置CSS规则。例如：

// Create CSS BackgroundImage Rule
var bg = "url('http://placekitten.com/200/300)";

// Apply Rule
document.getElementById("foo").style.backgroundImage = bg;

使变量和函数在CSS中成为可能 此外，还有一系列框架和工具允许您在CSS中使用函数和变量，例如或

IE的旧（自2008年以来已死亡）动态特性 在CSS中最接近JavaScript的应该是（在IE5中引入的），它对跨浏览器的支持非常差，并且是IE的现代版本

使用jQuery快速轻松地修改CSS 如果您需要使用JavaScript对样式进行大量修改，总体而言，人们正朝着采用框架来辅助的方向发展。例如，一个流行的框架是jQuery，它允许以下操作：

$("#foo").css('background-color', 'red');

以及通过对象的质量指定：

var color  = "#ffe", 
    border = "5px solid #ccc";

$("#foo").css({ 'background-color': color, 'border-left': border });

---

您不能在CSS中使用JavaScript。但是，如果您想使用JavaScript更改背景图像，下面这行代码就行了

document.getElementById("<element ID>").style.backgroundImage = "url(<url of image>)";

document.getElementById（“”）.style.backgroundImage=“url（）”；

您不能在CSS中使用JavaScript。但是，如果您想使用JavaScript更改背景图像，下面这行代码就行了

document.getElementById("<element ID>").style.backgroundImage = "url(<url of image>)";

document.getElementById（“”）.style.backgroundImage=“url（）”；

技术上是的，带有一个表达式：

background: expression(JS code resulting in a vali background image string here)

然而，我认为它只适用于IE，这是一种非常糟糕的做法，因为它可能需要每秒重新评估数百次代码

---

相反，您应该在那里设置一个合适的默认值，然后稍后在页面上使用JavaScript对其进行更改。

技术上是的，带有一个表达式：

background: expression(JS code resulting in a vali background image string here)

然而，我认为它只适用于IE，这是一种非常糟糕的做法，因为它可能需要每秒重新评估数百次代码

---

---

相反，您应该在那里设置一个合适的默认值，然后在页面上稍后使用JavaScript进行更改。

谢谢您的回答/请您给出一个可行的示例！应该注意的是，表达式自2008年以来一直不受支持，并且在IE的现代版本中不起作用。我无意冒犯，但我对这是公认的答案感到困惑。@JonathanSampson我也没想到这是公认的答案。我真的希望它能被评论。。。但是，如果是一个内部网，其中的计算机在旧的IE上（这是许多公司的不幸情况），那么它是完美的。@Kolink这将是一个场景，虽然我不认为它是完美的，这进一步巩固他们成为无法升级他们的浏览器在任何时候，未来：谢谢你的答案/请你给出一个可行的例子！应该注意的是，表达式自2008年以来一直不受支持，并且在IE的现代版本中不起作用。我无意冒犯，但我对这是公认的答案感到困惑。@JonathanSampson我也没想到这是公认的答案。我真的希望它能被评论。。。但是如果是一个内部网络，那里的计算机是较旧的IE（正如许多公司的不幸情况），那么它是完美的。@ KOLink将是一个场景，虽然我认为它不完美，因为它进一步巩固了他们在未来任何时候都无法升级他们的浏览器：）嗨，谢谢…那么Kolink的答案是什么呢？@MoonLight这就是我在答案中提到的动态特性。这不是一个广泛支持的功能，因此你应该避免它。嗨，谢谢。。。那么Kolink的答案是什么呢？@MoonLight这就是我在答案中提到的动态特性。这不是一个广泛支持的功能，所以你应该避免。真的非常感谢-那很有趣。我在FF 3和IE 8中测试->不起作用。请不要投票关闭->这里有3个好答案…真的非常感谢-那很有趣。我在FF 3和IE 8中测试->不起作用。请不要投票关闭->这里有3个好答案。。。