javascript的一个“bug”

Question

javascript的一个“bug”

有的时候我们需要在javascript里面写好html的代码，然后append或者document.write到页面上，但是我遇到了一个问题耽误了几个小时的时间，在这里共享出来，希望对大家有帮助。

原代码

Javascript代码

1. showStr += "<a  href=javascript:showWeiboThumbnailPic(1, 'sa', 're'); >";

复制代码得到的结果却是这段代码不能执行，点击之后会出错误提示，通过工具展开这一段代码查看就知道实际write出来的代码是有问题的：

Html代码

1. <a href="javascript:showWeiboThumbnailPic(1," 'sa',="" 're');="">

复制代码后来改成

Javascript代码

1. showStr += "<a  href=javascript:showWeiboThumbnailPic(1,'sa','re'); >";

复制代码write出来的html就变成了下面这样：

Html代码

1. <a href="javascript:showWeiboThumbnailPic(1,'sa','re');">

复制代码看出区别了么？

关键问题就在href里面函数的参数之前是否有空格，第一段在每一个逗号之后都空一格，可是实际解析的时候就出了问题，浏览器自动添加了代表结束和开始的引号，并且添加了不应该有的等于号，将这些空格去掉就解决了问题。

ps，我用的浏览器是chrome11，使用jquery的 append方法将以上html代码显示到页面上