JavaScript 网址变量

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是一个just 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>

你说：

I'm using php. ref depends on the generated php variable. I want to pass that variable to the js file. Server side is ok with me. I thought the best way to do it is to put it as a url variable at the end of the js file. But i don't know how to access it. Other methods are ok with me

让我们回到你的目的，将 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;
 }
}