在JavaScript中,样式的属性名称为什么不和css保持一致?
伊谢尔伦
伊谢尔伦 2017-04-11 12:13:12
[JavaScript讨论组]

css属性一般是font-weight, backgroud-color,而到JavaScript中这些属性名称去变成了fontWeight和backgroudColor。保持一样的属性名不是更好么?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
PHP中文网

-号在js里被识别为操作符,除非是在字符串里包含它,变量命名里肯定不能包含操作符的,所以采取驼峰式命名。

伊谢尔伦

因为js变量名不能包含 -

巴扎黑

每种语言,或者说每种格式都有比较适合自己的命名规范,你说这个问题有非常浅显但是致命的原因:font-weight 这种减号分隔的名称不是 Javascript 允许的标识符。

对于后者,在 JS 中可以这样取

var fontWeight = style.fontWeight;

而对于前者,就麻烦了

// 不能是 var font-weight = ...
var fontWeight = style["font-weight"];

另外,HTML 和 CSS 不区分大小写,所以 fontWeightFONTWEIGHT 是一样的,如果遇到不在意大小写的程序员写出来的东西,不利于阅读。然而 font-weight 就清晰多了,就算是 FONT-WEIGHT 大家也是看得懂的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号