使背景绿色尽可能容易

随着jquery和超级简单的HTML页面加载hquery，我想让背景变成绿色。使背景绿色尽可能容易

没有加载CSS，只是字面上基本的HTML页面和jquery脚本加载。

如何让背景变成绿色？

2011-03-27 David19801

实现这一目标是使用CSS最简单的手段，将样式表链接到以下声明：

html, body { 
    background-color: #0f0; 
}

如果您不想链接到样式表，请使用：

<body style="background-color: #0f0;">

或者使用JavaScript：

document.getElementsByTagName('body')[0].style.backgroundColor = '#0f0';

或者jQuery的，如果你必须：

$('body').css('background-color','#0f0');

值得提示的是，如果你愿意，包括jQuery库，您可能希望重新考虑您不希望包含适当的样式表，以实现内容和设计的真正分离。即使您只在文档的head中包含CSS，它也比使用jQuery或style属性更轻量级，并且后续开发人员可以更轻松地将它们分配给元素。

不是一个特别重包容（尤其是如果它已经被缓存），约为小十岁上下的图像文件的大小，但仍然是一个重把你的网页在一起时要考虑的。

来源

2011-03-27 16:55:03

+1显示“静态”解决方案（通常工作得很好）以及。 – delnan 2011-03-27 16:58:48

@delnan，谢谢:) ......值得注意的是，'静态'解决方案对于维护目的来说非常可怕。 – 2011-03-27 17:00:32

注：我一直在寻找其他人有以上的jQuery解决方案，但是这个答案的彻底性赢得了投票。谢谢。 – David19801 2011-03-27 17:11:13

这应做到：

jQuery('body').css('background-color','green');

来源

2011-03-27 16:53:21 Dancrumb

这将尽快加载文档背景颜色变为绿色：

<script type="text/javascript"> 
$(function() { 
    $('body').css('background-color','#0F0'); 
}); 
</script>

来源

2011-03-27 16:53:27 MeLight

-1

内嵌样式...

<body style="background-color: #0f0;">

你也可以这样做：

<body style="background-color: green;">

来源

2014-07-04 05:41:21 MatthewJames

当我穿过很多次来了像你这样的场景，在我的经验，有时快速修复的HTML（例如内联样式）可能会导致问题，有时更改CSS文件或添加新文件可能会导致问题（是的，我说过了！有时不像听起来那么容易！），所以我的解决方案是：

如果仅仅是一个HTML页面，你需要一个永久性的修复，然后做的最好的事情是：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document Title</title> 
    ... 
    <style type="text/css"> 
     body { 
      background-color: #00FF00; 
     } 
    </style> 
</head> 
<body> 
... 
</body> 
</html>

那么，为什么有风格融入头？为什么没有内联样式？为什么没有一个单独的CSS文件，答案很简单！

这是在您的身体上具有即时风格并使您的模板可扩展的最简单方法。总是当我编写代码时，我记住这将在未来发生变化。也许我会改变主意，而不是绿色，我会变成蓝色。或者，也许将来我想复制相同的模板并使用另一个快速模板。尤其是当您通过JavaScript更改CSS时可能会在将来导致巨大的问题。我花了大量的开发时间来认识到CSS是通过JavaScript改变的。这是不容易追踪的。因此，在考虑到这些规则：

CSS在一个单独的文件[GOOD]（可扩展，你可以缓存文件，它可以很容易地与萤火虫跟踪）在头
CSS的样式HTML [NOT SO BAD]（你可以很容易地改变它，它可以与萤火虫被检测到。这也是为了确保该CSS将立即加载的最佳方式）
内联CSS [衰]（它可以很容易地检测到，但根据我的经验，这只是一个临时修复，可能会导致扩展性问题）
带JavaScript的内联CSS [EVIL]（它不能用你的萤火虫检测到。它不能轻易改变，也没有理由这么做！）

来源

2014-07-04 06:05:34

使背景绿色尽可能容易

回答

相关问题