Question

我觉得这应该有效。我在javascript中创建一个变量并在同一个文件中引用它。有人可以解释为什么这不起作用，然后展示我如何实现我的预期结果？我觉得好像缺少一些明显的东西。

*编辑：我忘了提到我使用javascript变量作为我的颜色很重要。抱歉。

<!DOCTYPE html>
<html>

<head>
</head>

<body style="background-color:color;">
</body>
<script type="text/javascript">
	var color = #555555;
</script>

</html>

Answer 1

您的使用示例不是浏览器的工作方式。如果你想要正确地实现你的例子，你可以尝试

<script type="text/javascript">
    var color = '#555555'
    document.body.style.backgroundColor = color;
</script>

https://jsfiddle.net/8dgoddw8/ - 显示正常工作

Answer 2

您可以在javascript上使用此功能：

  var color = '#555555';
  document.body.style.backgroundColor = color;

从javascript引用时，内联CSS无法正常工作

2 个答案: