我该如何引用在html中传递给javascript的参数？

Question

当我打电话通过

<script type="text/javascript" 
     src="include/javascript/test_something.js?v=1128557"></script> 

剧本我怎么是指在html传递的变量V？

在此先感谢！

Answer 1

最简单的方法是使用服务器端的技术。这是在PHP中。

<?php 
$v=1128557; 
?> 
<script type="text/javascript"> 
    //This will make this value available to javascript too 
    var val=<?php=$v?>; 
</script> 
<script type="text/javascript" 
     src="include/javascript/test_something.js?v=<?php=$v?>"></script> 

... 
... 
... 
<div id='baba<?php=$v?>'> 
... 
... 
</div> 

这将转换为以下HTML

<script type="text/javascript"> 
    //This will make this value available to javascript too 
    var val=1128557; 
</script> 
<script type="text/javascript" 
     src="include/javascript/test_something.js?v=1128557"></script> 

... 
... 
... 
<div id='baba1128557'> 
... 
... 
</div> 

Answer 2

你应该做到以下几点：

var scripts = document.getElementsByTagName('script'); 
var data = {}; 
for (var i = 0; i < scripts.length; i ++) { 
    if (!scripts[i].src) { 
     continue; 
    } 
    var value = scripts[i]..substring(scripts[i].indexOf('?') + 1); 
    var params = value.split('&'); 
    for (var i = 0; i < params.length; i ++) { 
     params[i] = params[i].split('='); 
     data[params[i][0]] = params[i][1]; 
    } 
} 

编辑：只是加入了一些别人的提示，并把它们添加到我自己的答案。

Answer 3

JavaScript只能访问正在执行的页面的URL数据执行通过window.location。它不能访问任何传递给JavaScript文件本身的HTTP请求变量，除非Web服务器将其显式序列化为输出中的JavaScript。

一个黑客/解决方法是找到脚本标记，获取src属性，解析URL并提取所需的GET参数。

function getParamsFor(script) { 
    var params, anchor, paramArray, keyVal, tag, scripts; 

    scripts = document.getElementsByTagName("script"); 

    // Make sure [].filter exists beforehand 
    tag = Array.prototype.filter.call(scripts, function (e) { 
     return e.src.indexOf(script) > -1; 
    })[0]; 

    if (tag) { 
     anchor = document.createElement("a"); 
     anchor.href = tag.src; 

     paramArray = anchor.search.substring(1).split('&'); 
     params = {}; 

     for(var i = 0; i < paramArray.length; i++) { 
      keyVal = paramArray[i].split('='); 
      params[unescape(keyVal[0])] = (typeof keyVal[1] != "undefined") ? unescape(keyVal[1]) : keyVal[1]; 
     } 

     return params; 
    } 
} 

var o = getParamsFor("test_something.js"); 
o.v; // 112.. 

Answer 4

从上次脚本元素在你的页面的src属性得到它：

var scripts = document.getElementsByTagName("script"); 
var src = scripts[scripts.length - 1].src; 
var v = null; 
if (/\?v=(.+)$/.test(src)){ 
    v = RegExp.$1; 
} 

Answer 5

将其更改为

<script type="text/javascript" 
     src="include/javascript/test_something.php?v=1128557" /> 

然后创建脚本test_something.php是

<?php 
echo "var queryString='" . $_SERVER[`QUERY_STRING] . "'\n;"; 
?> 
... rest of javascript here 

你甚至可以执行Ë使用PHP检查/解析查询字符串，或者只是让Javascript来做到这一点。

Answer 6

如果它是第一个脚本代码的网页时，你可以这样做：

var thescripttag = document.getElementsByTagName('script'); 
var v = thescripttag[0].src.replace(/^[^\?]+\??/,''); //gets everything after the '?' 

如果它不是第一个脚本标签，您可以更改[0]是它是哪一个，或者尝试为脚本标记分配一个id（未测试）。

Answer 7

您可以通过查找所需的文件名并从.src URL中获取相关参数来找到相应的脚本标记。

function findScriptParams(fname) { 
    fname = "/" + fname + "?"; 
    var scripts = document.getElementsByTagName("script"); 
    for (var i = 0; i < scripts.length; i++) { 
     var pos = scripts[i].src.indexOf(fname); 
     if (pos != -1) { 
      return(scripts[i].src.substr(pos + fname.length)); 
     } 
    } 
} 

然后您可以调用它像这样：

var params = findScriptParams("test_something.js"); 
if (params) { 
    // process the params here 
}