javascript中,双引号里套单引号,那单引号里套啥
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中,双引号里套单引号,那单引号里套啥相关的知识,希望对你有一定的参考价值。
单引号里面套字符串。比如:document.getElementById("name").innerhtml="<font size='3' color='blue'>你好</font>";那么这个单引号里面的3就是字体的大小,而blue就是字体的颜色。其实单引号要不要也无所谓的。希望对你有帮助! 参考技术A 单引号可以套双引号。 当然单引号也可以套单引号,不过需要这个 \' \' 然后一个\(斜杠)进行转义 参考技术B 楼主问的是在一段连贯的声明中吗?var str = 'one \'two\' three "four" five';
输出
one 'two' three "four" five
不管是单引号还是双引号,里面都可以套相反的引号
如过在引号里面使用相同的引号,需要用 \ 转义。 参考技术C 单双引号相互嵌套,但不能相似的引号嵌套 参考技术D 单引号中套双引号啊~~
你可以用下面的代码测试
var data='"test"';
alert(data);
JS中的单引号和双引号
JS里面的单引号和双引号可以同时使用,但是要遵循一定的准则。
最外面用了双引号了,那么里面就不能再用双引号了,因为引号是成双对的,浏览器读到一个双引号后,到第2个双引号时才算结束;同理,浏览器读到一个单引号后,必须要读到第二个单引号才算结束,
不管是单引号还是双引号,里面都可以套相反的引号,但是不可以双引号里面套单引号,这个单引号再套双引号,这是不行的。
如果在引号里面使用相同的引号,需要用 \ 转义。
单引号转义为\‘
单引号转义为\"
从代码编译的角度说的话,单引号在JS中被浏览器(IE,Chrome,Safari)编译的速度更快(在FireFox中双引号更快)。
来看一些案例
首先,单引号和双引号在各自单独用时是木有什么区别的,都可以,比如:
var a="你好";//双引号,变量a的内容是字符串 你好
var b=‘你好‘;//单引号,变量b的内容是字符串 你好
console.info(a===b);//输出true,它们本质都是一样的字符串
其次,单引号和双引号混合使用时,这时候要特别注意了,这种情况一般出现在js拼接字符串里面,或者html元素的属性里面,就以JS为例吧,都是一样的规则:单引号和双引号必须成双成对的出现,可以单引号在外面,也可以双引号在外面:
var a="‘你好‘";//这里变量a的内容就是字符串‘你好‘,这里的单引号也是字符串的一部分
var b=‘"你好"‘;//这里变量b的内容就是字符串"你好",这里的双引号也是字符串的一部分
console.info(a===b);//输出false,它们不是一样的字符串
接下来来个稍微复杂点的,我们来看下字符串拼接:
var _html="<div class=‘content‘></div>";/*这里是最外面用了双引号了,那么里面就不能再用双引号了,因为引号是成双对的,浏览器读到一个双引号后,到第2个双引号时才算结束;同理,浏览器读到一个单引号后,必须要读到第二个才算结束*/
//上面的代码也可以写作:_html=‘<div class="content"></div>‘;
//如果你只想用一种引号的话,你级需要对里面的引号进行**转义处理**,告诉浏览器里面的引号是一个字符串,而不是引号结束符,比如:
_html=‘<div class=\‘content\‘></div>‘;
再来个拼接字符串的:
var data={name:"小明",age:18};
var _html="<div class=‘info‘>我的名字叫"+data.name+",我今年"+data.age+"岁了<div>"
console.info(_html);//我的名字叫小明,我今年18岁了
//很明显了,按照之前说的,引号在读到首个双引号字符串的时候,把它当做这个变量的
//内容开始处理,然后到第二个双引号那里结束,即: "<div class=‘info‘>我的名字叫"
/*然后通过加号拼接变量 data.name, 拼接好了后继续用加号拼接字符串 ",我今年"
以此类推。。。
**总结下**:引号(同类型的引号,单引号和双引号是不同类型)是成双对的,在读第一个引号时开始,读到第二个结束,遇到第三个又开始,第四个又结束。。。;
不同类型引号之间可以嵌套,最多2层(当然通过转义可以继续往下套,但是因为可读性太差,不要这样做);
*/
以上是关于javascript中,双引号里套单引号,那单引号里套啥的主要内容,如果未能解决你的问题,请参考以下文章