web前端：js如何操作sass里的变量及calc 使用sass变量

作者:Jade_g更新于： 2020-03-23 20:49:46

　　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）。