javascript - 从 img src 属性中提取字符串？

Question

我如何从以下 img src 中获取 fontsize、fonttext 和 fonttype 值

<img 
  src="bin/contenthandler.php?fontsize=36&fonttext=apple&fonttype=fonts/FOO.ttf"
  class="selected content resizable">

我认为这可以用正则表达式来完成，但我对它们不好。

Answer 1

用 location 对象做它会是理想的，避免了所有麻烦的正则表达式。借自: Parse URL with jquery/ javascript?和 https://developer.mozilla.org/en/window.location

function buildValue(sValue) {  
    if (/^\s*$/.test(sValue)) { return(null); }  
    if (/^(true|false)$/i.test(sValue)) { return(sValue.toLowerCase() === "true"); }  
    if (isFinite(sValue)) { return(parseFloat(sValue)); }  
    if (isFinite(Date.parse(sValue))) { return(new Date(sValue)); }  
    return(sValue);  
}      
function getVars(url) {
    var oGetVars = {};  
    var a = document.createElement('a');
    a.href = url;
    var iCouple, aCouples = a.search.substr(1).split("&");  
    for (var iCouplId = 0; iCouplId < aCouples.length; iCouplId++) {  
        iCouple = aCouples[iCouplId].split("=");  
        oGetVars[unescape(iCouple[0])] = iCouple.length > 1 ?     buildValue(unescape(iCouple[1])) : null;  
    }  
    return oGetVars;
}

console.log(getVars('http://google.com?q=123&y=xyz'));  

这将返回一个包含查询的所有变量的对象。
jsFiddle Demo