js控制scss的变量_web前端：js如何操作sass里的变量及calc 使用sass变量

Javascript最初受java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。

js如何操作sass里的变量及calc使用sass变量

scss文件里

:root{

--height-primary:240px;//--height-primary：变量名，css3有规则

}

$header:var(--height-primary);//用var来盛放变量名

.el-table{

height:calc(100vh-101px-#{$header});

}

js里更改

if(this.isDB){

document.getElementsByTagName('body')[0].style.setProperty('--height-primary','64px');

}else{

document.getElementsByTagName('body')[0].style.setProperty('--height-primary','0px');

}

JavaScript与Java名称上的近似，是当时网景为了营销考虑与太阳微系统达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。为了互用性，Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。