给出以下语句:
$('#upLatImb').append('<span style="color:#F62817; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,' ') + '</span');
我想做这样的事情:
var problemcolor=0xF62817;
$('#upLatImb').append('<span style="color:problemcolor; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,' ') + '</span');
但这会导致许多 html 错误。
当然,我可以搜索并替换所有 .js 文件以更改颜色,但我想尽可能使用逻辑名称,并且每种颜色只更改一个语句。
我只是略高于绝对新手水平,所以欢迎所有建议。
最佳答案
看起来您想要一些值得重复使用的东西?
使用“color: #F62817”属性创建一个 CSS 类并应用该类而不是内联样式,这通常不是首选。
那么,你的 CSS:
.problemcolor {
color: #F62817;
}
.blink {
text-decoration: blink;
}
还有你的 jQuery:
$('#upLatImb').append('<span class="problemcolor blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,' ') + '</span');
这里没有串联!这会产生更清晰的 HTML/CSS,同时也是更好的实践和令人难忘的做法。
关于javascript - 如何创建我自己的颜色名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8191753/