PHP知识、源码、教程、框架、程序分享! -- PHP社区 关于我们 联系我们 联系电话 联系QQ

JavaScript语法中常见陷阱,换行

发表时间:2013-08-27 点击:

[本文摘要]:JavaScript语法 中常见陷阱,换行 不论你使用哪种引号来创建字符串,字符串中间都不能包含强制换行符: var html = h2 class=aA list!/h2 ol li class=aFoo/li li class=aBar/li /ol; 如果这样做,就会导致...

JavaScript语法中常见陷阱,换行

不论你使用哪种引号来创建字符串,字符串中间都不能包含强制换行符:

var html = '<h2 class="a">A list!</h2>
	    <ol>
	      <li class="a">Foo</li>
	      <li class="a">Bar</li>
	    </ol>';

如果这样做,就会导致解析错误,因为换行符将被解释为分号(;)。如果想把字符串分割到多行中定义,要通过反斜杠来转义换行符以告知浏览器该行是连续的:

var html = '<h2 class="a">A list!</h2>\
	    <ol>\
	      <li class="a">Foo</li>\
	      <li class="a">Bar</li>\
	    </ol>';

要注意的是,这样做虽然能够在字符串中保留空白和缩进,但如果你打算使用第三方压缩工具来压缩代码,那它可能会带来负面效果。

另一个可选的方案,是使用字符串连接操作符(+)并将每一行用引号括起来:

var html = '<h2 class="a">A list!</h2>'
	    + '<ol>'
	    + '<li class="a">Foo</li>'
	    + '<li class="a">Bar</li>'
	    + '</ol>';

通过使用引号和连接操作符,结果字符串的标签之间不会存在空白。

版权声明:本文系技术人员研究整理的智慧结晶,转载勿用于商业用途,并保留本文链接,侵权必究!

本文链接:http://php.aixc.cn/web/js/48.html

声明:本站技术及源码均为原创,转载请勿用于商业用途,并注明出处及原文链接,侵权必究。