JavaScript url 变量

Question

我

<script type="text/javascript" src="http://doamin.com/js/whatever.js?ref=images"></script>

注意到网址末尾的 ref=images 。我的问题是，如何从 url 获取 ref 变量并在同一个 js 文件中使用它。

Answer 1

简化 mrtsherman 的想法，只需找到具有正确 src 的脚本（在 whatever.js 中）：

var whatever = $('script[src*=http://domain.com/js/whatever.js]')

if (whatever.length){
    var ref = whatever.attr('src').match(/\?ref=(.*)/)
    if (ref && ref[1]){
        ref = ref[1] // ref == 'images'
    }
}

更新： 因为您只想输出一些内容从 PHP 并在脚本中使用它，您有一个更好的选择：

<script id="whatever" src="http://domain.com/whatever.js" data-ref="images"></script>

然后从您的脚本（假设 jQuery >= 1.4）：

var ref = $('#whatever').data('ref') // "images"

这是在客户端脚本中从服务器端获取数据的推荐和标准方法。

请参阅 http://html5doctor.com/html5-custom-data-attributes/ 和http://dev.w3.org/html5/spec/elements.html#embedding-custom-non-visible-data

Answer 2

如果 whatever.js 只是一个 js 文件，则不能。

如果只是一个请求uri并使用服务器端脚本输出javascript内容，则可以从get参数中获取该变量。

如果你想将变量传递给whatever.js，你可以在include whatever.js之前定义变量，然后在whatever.js中使用该变量。

<script type="text/javascript">
<!--// 
  ref = 'images';
//-->
</script>

Answer 3

我不知道如何仅获取当前块脚本元素的 src 属性。但是您可以获取页面上的所有脚本，然后解析它们。

//untested
var scripts = $('script[src]');
//loop through scripts and somehow identify the one that is yours
for (var script in scripts) {
  if (myscript) {
    var refvalue = getRef($(script).attr('src'), 'ref');
  }
}

//gup the parameter
function getRef(url, name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( url );
  if( results == null )
    return "";
  else
    return results[1];
}

希望这足以继续下去

Answer 4

试试这个 http://jsfiddle.net/fnE6w/

$("script[src*='ref=']").each(function(){
    var src=$(this).attr("src");
    var start=src.indexOf("ref=");
    var end=-1;


    if(start>0)
        end = src.indexOf("&",start+4);
    if(end==-1) end=src.length-1;    
    alert(src.substring(start+4,end));

});

Answer 5

我似乎记得有一种方法可以在某些浏览器中获取调用脚本标记，但我找不到它的参考。

下一个最好的事情是遵循这样的内容： http://snipplr.com/view/354/

您可以使用您喜欢的源搜索脚本标签，然后提取字符串。 小心！如果您根据用户输入设置此值，您的用户可能会注入扫描仪可能会误解的查询字符串，从而产生风险。为此，应使用与常规查询字符串相同的偏执 URL 解析方法。

Answer 6

你的问题是，你无法从脚本的 URL 获取查询：

<script src="http://doamin.com/js/whatever.js?ref=images">
     //Want to get the query here, but you can't
</script>

你说：

我正在使用 php.ini。 ref 取决于生成的 php 变量。我想将该变量传递给 js 文件。服务器端对我来说没问题。我认为最好的方法是将其作为 url 变量放在 js 文件的末尾。但我不知道如何访问它。其他方法对我来说没问题

让我们回到你的目的，将 php 变量传递给脚本...为什么不将 php 变量传递给包含脚本的 php 页面呢？然后使用其他发帖者提供的脚本获取它。您的包含脚本的 PHP 页面的 URL：

http://domain.com/ThePHPPageContainingTheScript.php?ref=images

那么该页面包含脚本：

<script src="http://doamin.com/js/whatever.js">
     //Get the query from window.location, it's possible!
</script>

Answer 7

以防万一它对搜索类似内容的人有用，这里是一个不使用 AJAX 向脚本发送大量数据的方法示例。

<script src="test.js" name="testjs">
{
  "here"    : "is",
  "another" : "way",
  "of"      : "passing",
  "larger"  : "amounts",
  "of"      : "data",
  "to"      : "a script"
}
</script>

然后在外部 test.js 脚本中，您只需要以下内容：

(function(){
  var script = document.scripts.namedItem('testjs'), obj, data;
  if ( script && (data = script.innerHTML) ) {
    if ( typeof JSON != 'undefined' ) {
      obj = JSON.parse(data);
    }
    else if ( typeof jQuery != 'undefined' ){
      obj = jQuery.parseJSON(data);
    }
    /// obj now contains the object representation of your data
    alert(obj);
  }
})();

Answer 8

您将需要类似于以下的代码。这得到了 ? 之后的所有内容。并将其分成基本上键/对数组。

var GETDATA = new Array();

// Get the string that follows the "?" in the window's location.
var sGet = window.location.search;
if (sGet) // if has a value...
{
 // Drop the leading "?"
 sGet = sGet.substr(1);

 // Generate a string array of the name value pairs.
 // Each array element will have the form "foo=bar"
 var sNVPairs = sGet.split("&");

 // Now, for each name-value pair, we need to extract
 // the name and value.
 for (var i = 0; i < sNVPairs.length; i++)
 {
  // So, sNVPairs[i] contains the current element...
  // Split it at the equals sign.
  var sNV = sNVPairs[i].split("=");

  // Assign the pair to the GETDATA array.
  var sName = sNV[0];
  var sValue = sNV[1];
  GETDATA[sName] = sValue;
 }
}