0. 问题
当使用js对页面动态添加元素时,需要在js中构造html元素,这时候会遇到很多""的字符串,然后js需要引号这些字符串,那么久需要使用反斜杠来转义元素中的属性字符串的引号,像这样
html += "<button id=\"del-resource\" class=\"btn btn-danger btn-xs em-btn\">删除资源</button>";;
当元素属性比较多,或者元素比较多的时候,出现两个问题
- 双引号混乱,编写代码的时候费尽;
- 降低代码的可读性;
1. 解决办法
元素的属性字符串,一律采用单引号,因为html中双引号和单引号都是字符串的含义,但是混合使用,就可以避免上述问题,看是不是好多了
html += "<button id='del-resource' class='btn btn-danger btn-xs em-btn'>删除资源</button>"
或者反过来,外层用单引号,内部用双引号,也是可以的。