将变量传递给javascript src='xxx'外部包含

我的问题是，我在不同的目录中有许多外部javascript代码块，我需要能够在包含代码时更改每个目录的名称。我已经看了一段时间了，我甚至不确定它是否能做到

例如：

script type="text/javascript" src="http://www.wanowandthen.com/"+galleryName+"/getalbumpics.php?id=gallery1"; /script

我想做的是将目录名传递给变量galleryName，这样一个HTML文件就可以访问各种不同的目录并显示其中的图片

---

每个目录中都有一个.JS文件的副本，我所需要的只是能够告诉.JS include语句使用哪个目录。

您应该将其附加到创建galleryName变量的脚本中：

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://www.wanowandthen.com/" + galleryName + "getalbumpics.php?id=gallery1";
document.body.appendChild(script);

编辑：这应该是您需要的代码：

<form>
  <select onchange="myFunction()" name="galleryName" id="galleryName">
    <option value="abandoned-western-australia" Selected>Abandoned WA</option>
    <option value="Albany-gallery" Selected>Albany</option>
  </select>
</form>


function myFunction() {
    var galleryName = document.getElementById("galleryName").value;
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://www.wanowandthen.com/" + galleryName + "getalbumpics.php?id=gallery1";
    document.body.appendChild(script);
    console.log(galleryName);
}

---

您应该将其附加到创建galleryName变量的脚本中：

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://www.wanowandthen.com/" + galleryName + "getalbumpics.php?id=gallery1";
document.body.appendChild(script);

编辑：这应该是您需要的代码：

<form>
  <select onchange="myFunction()" name="galleryName" id="galleryName">
    <option value="abandoned-western-australia" Selected>Abandoned WA</option>
    <option value="Albany-gallery" Selected>Albany</option>
  </select>
</form>


function myFunction() {
    var galleryName = document.getElementById("galleryName").value;
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://www.wanowandthen.com/" + galleryName + "getalbumpics.php?id=gallery1";
    document.body.appendChild(script);
    console.log(galleryName);
}

---

galleryName是来自JavaScript的变量吗？如果是这样，您可以通过编程方式创建一个脚本元素，使用字符串连接将src属性设置为变量，并将其附加到document.body。除了@Marc的问题之外——也许galleryName是一个php变量，在呈现页面时，它可以在服务器端使用，因为您似乎在使用php？不幸的是，我对Javascript不是很熟练。我知道我想做什么，但实现它的技能非常有限。我的方法是有一个可选的画廊名称列表，读者可以从中选择。然后将库名称（即真实文件夹名称）传递给上面的脚本，以显示正确的图像库。我将尝试并解决如何使用建议的解决方案，并感谢所有迄今为止的帮助。几个图库页面的一个例子可以在以下位置看到：还有更多的图库，允许我们的读者通过从列表中选择任何一个来选择屏幕上显示的图库将是非常好的。我一直试图通过使用select语句来实现这一点：放弃WA并使用变量“galleryName”将选择传递给Javascript。Albany galleryName是来自JavaScript的变量吗？如果是这样，您可以通过编程方式创建一个脚本元素，使用字符串连接将src属性设置为变量，并将其附加到document.body。除了@Marc的问题之外——也许galleryName是一个php变量，在呈现页面时，它可以在服务器端使用，因为您似乎在使用php？不幸的是，我对Javascript不是很熟练。我知道我想做什么，但实现它的技能非常有限。我的方法是有一个可选的画廊名称列表，读者可以从中选择。然后将库名称（即真实文件夹名称）传递给上面的脚本，以显示正确的图像库。我将尝试并解决如何使用建议的解决方案，并感谢所有迄今为止的帮助。几个图库页面的一个例子可以在以下位置看到：还有更多的图库，允许我们的读者通过从列表中选择任何一个来选择屏幕上显示的图库将是非常好的。我一直试图通过使用select语句来实现这一点：放弃WA并使用变量“galleryName”将选择传递给Javascript。奥尔巴尼：有人能解释一下解决方案的第1行和第4行实际上做了什么吗。说到写JS，我完全是个新手。谢谢。真是太棒了。第1行创建了tge脚本，第4行将其附加到HTML文档的正文中。这就是我试图做的：废弃的WA奥尔巴尼文件。写下“您选择的名称是：”+galleryName；var script=document.createElementscript；script.type=text/javascript；script.src=+galleryName+getalbumpics.php？id=gallery1；document.body.appendChildscript；第一个document.write只是为了查看是否选择了正确的名称-目前没有。正如你所知道的，我在这方面是一个真正的新手。有人能解释一下解决方案的第1行和第4行实际上做了什么吗。说到写JS，我完全是个新手。谢谢。真是太棒了。第1行创建了tge脚本，第4行将其附加到HTML文档的正文中。这就是我试图做的：废弃的WA奥尔巴尼文件。写下“您选择的名称是：”+galleryName；var script=document.createElementscript；script.type=text/javascript；script.src=+galleryName+getalbumpics.php？id=gallery1；document.body.appendChildscript；第一个document.write只是为了查看是否选择了正确的名称-目前没有。你可以看出，我在这方面是一个真正的新手。