javascript传递给函数的包含空格的字符串在第一个空格处被 chop ？

Question

有人可以向我解释一下为什么不能将包含空格的字符串作为参数传递到 JavaScript 函数中吗？

这是我的代码，显示了这个问题，只需将鼠标悬停在链接上，您就会看到只有“mario”显示为标题，而不是“mario and luigi”

 var href='mario and luigi', subject=$('div').data('subject'), 
 size=$('div').data('reviewid'), 
      src=$('div').data('itemid'), className='mini';

      function formatLink(href, subject, src, size, className){            
                if(size=='mini')
                size='height:25px; width:25px;';
                else if(size=='medium')
                size='height:40px; width:40px;';
                else if(size=='large')
                size='height:125px; width:125px;';
                else if(size=='xlarge')
                size='height:180px; width:260px;';                
            return '<a class="pjax" href='+href+' title='+subject+'><span class='+className+'><span class="image-wrap" style="position:relative; display:inline-block; background:url('+src+') no-repeat center center;'+size+'" ><img style="opacity:0;"></span></span><span title='+subject+'>'+subject+'</span></a>';
        }
var link=formatLink(href, subject, src, size, className);
$('div').html(link);
​

Answer 1

title='+subject+' 应为 title="'+subject+'"。您需要引用该属性，否则标记无效。

作为奖励，这里有一个 Python 的 format 函数的模拟，它使类似的事情变得更加容易:

format = function(str, params) {
    return str.replace(/\{(\w+)\}/g, function($0, $1) { return params[$1] });
}

用法:

html = format(
    '<a class="pjax" href="{href}" title="{subject}"><span class="{className}"... etc',
    {
        href: "some_link",
        subject: "mario and luigi",
        className: "foobar"
    }
)