Javascript 可以在url路径中使用变量吗？_Javascript_Html

Javascript 可以在url路径中使用变量吗？

javascript html

Javascript 可以在url路径中使用变量吗？,javascript,html,Javascript,Html,我的应用程序有不同语言内容的html页面。我想在url中使用一个变量（在选择语言时设置），如下所示： <a href="/language/*variable*/product.html"> 应用程序中将有链接可将其更改为其他语言；-）让你的标签看起来像这样 <a id="link" href="#">Click Me!</a> 编辑：使用此HTML <a id="link" href="/language/LANG/product.html"&

我的应用程序有不同语言内容的html页面。我想在url中使用一个变量（在选择语言时设置），如下所示：

<a href="/language/*variable*/product.html">

应用程序中将有链接可将其更改为其他语言；-）

让你的标签看起来像这样

<a id="link" href="#">Click Me!</a>

编辑：使用此HTML

<a id="link" href="/language/LANG/product.html">Click Me!</a>

使用此javascript（或类似脚本）使所有链接指向同一语言（变量名prod）：

var links=document.getElementsByTagName（“a”）；
对于（i=0；i，可以使用jQuery动态生成URL
var string = '/language/'+variable+'product.html';
$(a#language).attr('href', string);

您可以使用Javascript函数动态替换任何




语言：

在上面的例子中，每当按下en
或de
按钮时，url的？hl=xxx
部分就会通过正则表达式被替换。你的技术堆栈是什么？它是一个phonegap应用程序，所以只有html/jQuery。这个问题看起来与你的问题类似，也许你会在那里找到提示：我的应用程序有很多链接，所以使用它每一个的ID都不起作用。@马克：你想让它们都指向不同语言的同一种语言吗？会有英语/西班牙语/德语。当页面加载时，我设置var language=English；-页面上的链接可以更改语言var
<a id="link" href="/language/LANG/product.html">Click Me!</a>

var links = document.getElementsByTagName("a");
for (i=0; i<links.length; i++) {
    var hyperl = links[i];
    hyperl.href.replace(LANG, prod);
}

var string = '/language/'+variable+'product.html';
$(a#language).attr('href', string);

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
    <script>
"use strict";
function setLanguage(lang) {
  var elements = document.getElementsByTagName('a')
  for (var e = 0; e < elements.length; ++e)
  { elements[e].href = elements[e].href.replace(/\?hl=[A-za-z]*/, "?hl=" + lang); }
}
    </script>
  </head>
  <body>
    <h1>Search with Google</h1>
    <ol>
      <li><a href="https://encrypted.google.com/search?hl=en&amp;q=python">Search for <b>Python</b></a></li>
      <li><a href="https://encrypted.google.com/search?hl=en&amp;q=ruby">Search for <b>Ruby</b></a></li>
      <li><a href="https://encrypted.google.com/search?hl=en&amp;q=javascript">Search for <b>Javascript</b></a></li>
    </ol>
    <br>
    <small>
      Language: 
      <a href="#" onclick="setLanguage('en')">en</a>
      <a href="#" onclick="setLanguage('de')">de</a>
    </small>
  </body>
</html>