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

使用位置对象进行操作将是理想的，避免所有麻烦的正则表达式。借来自： 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

Answer 2

尽管有其他两个答案，但这是一个替代方案，

$('img[src]').each(function (i,n){
   var item  = $(n).attr('src');
   var query = item.split('?');
   var items = query.split('&') ;
   // so now you get the point, u split each item again by the "=" sign :) this is reusable     
   // provided you put it on a function, and it can search to return a specific one, with a little imagination :) 
});

另一种方法是使用URI库。

我已经使用了很多次，你得到了你想要的东西，并且完成了与URI / URL操作有关的一切。

http://medialize.github.io/URI.js/

$('img[src]').each(function (i,n){
   var src  = $(n).attr('src');
   var get_query = URI(src).query()
   console.log(get_query)
});

这里有一些例子......

URI("testme?test").query();// returns: test
URI("testme?a=1&b=2").query(true) // returns: {a: "1", b: "2"}
URI("testme?font_size=15&font_name=arial").query(true).font_size // 15

有关如何使用的更多信息...请点击此处http://medialize.github.io/URI.js/docs.html#accessors-search

Answer 3

这将为您提供值36。

var rx = /fontsize=(.*?)&/;
var fontsize = rx.exec('<img src="bin/contenthandler.php?fontsize=36&fonttext=apple&fonttype=fonts/FOO.ttf" class="selected content resizable">')[1];

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

3 个答案: