javascript - 如何创建我自己的颜色名称

Question

给出以下语句:

$('#upLatImb').append('<span style="color:#F62817; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

我想做这样的事情:

var problemcolor=0xF62817;
$('#upLatImb').append('<span style="color:problemcolor; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

但这会导致许多 html 错误。

当然，我可以搜索并替换所有 .js 文件以更改颜色，但我想尽可能使用逻辑名称，并且每种颜色只更改一个语句。

我只是略高于绝对新手水平，所以欢迎所有建议。

Answer 1

看起来您想要一些值得重复使用的东西？

使用“color: #F62817”属性创建一个 CSS 类并应用该类而不是内联样式，这通常不是首选。

那么，你的 CSS:

.problemcolor {
    color: #F62817;
}

.blink {
    text-decoration: blink;
}

还有你的 jQuery:

$('#upLatImb').append('<span class="problemcolor blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

这里没有串联!这会产生更清晰的 HTML/CSS，同时也是更好的实践和令人难忘的做法。