在我的 HTML 文件中，我已通过以下方式链接到 JS：
src="myscript.js?config=true"
我的JS可以像这样直接读取这个var的值吗？
alert (config);
这不起作用，FireFox 错误控制台显示“未定义配置”。如何读取通过 JS 文件中的 src 属性传递的变量？有这么简单吗？
通过 SRC 属性将变量传递给 JavaScript
IT技术
javascript
html
url
variables
src
2021-01-12 11:20:51
6个回答
<script>
var config=true;
</script>
<script src="myscript.js"></script>
您无法按照您尝试的方式将变量传递给 JS。SCRIPT 标签不会创建 Window 对象（它有一个查询字符串），也不是服务器端代码。
是的，您可以，但您需要知道脚本中的确切脚本文件名：
var libFileName = 'myscript.js',
scripts = document.head.getElementsByTagName("script"),
i, j, src, parts, basePath, options = {};
for (i = 0; i < scripts.length; i++) {
src = scripts[i].src;
if (src.indexOf(libFileName) != -1) {
parts = src.split('?');
basePath = parts[0].replace(libFileName, '');
if (parts[1]) {
var opt = parts[1].split('&');
for (j = opt.length-1; j >= 0; --j) {
var pair = opt[j].split('=');
options[pair[0]] = pair[1];
}
}
break;
}
}
您现在有一个“选项”变量，它传递了参数。我没有测试它，我从http://code.google.com/p/canvas-text/source/browse/trunk/canvas.text.js在它工作的地方稍微改变了它。
您可能已经看到这样做了，但实际上首先使用 PHP 或其他语言对 JS 文件进行了服务器端预处理。服务器端代码将打印/回显设置了变量的 javascript。我以前见过一个脚本化的广告服务这样做，它让我想看看它是否可以用普通的 ol' js 来完成，但它不能。
您需要使用Javascript 来查找脚本的src 属性并解析'?' 后的变量。使用的Prototype.js框架，它看起来事情是这样的：
var js = /myscript\.js(\?.*)?$/; // regex to match .js
var jsfile = $$('head script[src]').findAll(function(s) {
return s.src.match(js);
}).each(function(s) {
var path = s.src.replace(js, ''),
includes = s.src.match(/\?.*([a-z,]*)/);
config = (includes ? includes[1].split('=');
alert(config[1]); // should alert "true" ??
});
我的 Javascript/RegEx 技能很生疏，但这是总体思路。直接从 scriptaculous.js 文件中撕下！
但是，您的脚本可以找到自己的脚本节点并检查 src 属性并提取您喜欢的任何信息。
var scripts = document.getElementsByTagName ('script');
for (var s, i = scripts.length; i && (s = scripts[--i]);) {
if ((s = s.getAttribute ('src')) && (s = s.match (/^(.*)myscript.js(\?\s*(.+))?\s*/))) {
alert ("Parameter string : '" + s[3] + "'");
break;
}
}