提取第一个 url 参数，然后将其放入 script 标签中答案

【问题标题】：Extracting the first url parameter and then put it inside the script tag提取第一个 url 参数，然后将其放入 script 标签中
【发布时间】：2013-07-10 07:54:34
【问题描述】：

我正在使用 HTML 和 Javascript。我正在尝试提取第一个 URL 参数并将其放入我的脚本标记中的 variable1 变量中。

下面是我的代码

<html>
<head>
<title>Applying</title>
</head>
<body>

<script type="text/javascript" 
urlId="420" 
dataTitle= variable1;
dataemail="admin@domain.net">
</script>

</body>
</html>

而且我不确定如何从 URL 中提取第一个参数并将其放入我的脚本标记中的 variable1 变量中。

假设url是这样的-

test.html?parameter1=hello

然后我的脚本标签中的variable1 变量在提取后应该具有hello 值。知道如何做到这一点吗？任何帮助将不胜感激。

我尝试过的更新代码

<html>
<head>
<title>Applying</title>
</head>
<body>

<script>
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
     });
    return vars;
}
var variable1 = getUrlVars()["parameter1"];                                  
</script>

<script type="text/javascript" 
urlId="420" 
dataTitle= variable1;
dataemail="admin@domain.net">
</script>

</body>
</html>

上面的代码会做我正在寻找的必需的事情吗？

【问题讨论】：

stackoverflow.com/questions/901115/…
查看这里gist.github.com/elclanrs/5696965
我已经看过那个例子，但不知何故，我无法理解如何替换 script 标签中的 variable1。这让我很困惑。任何简单的例子都会让我更好地理解。谢谢
我已经在stackoverflow.com/questions/17493294/…回答了这个问题，你得再写一些javascript代码。
我已经用我拥有的解决方案更新了我的问题。你能看一下，让我知道它是否有效吗？

标签： javascript html url

【解决方案1】：

动态创建脚本元素：

var myScript = document.createElement('script');

myScript.setAttribute('type', 'text/javascript');
myScript.setAttribute('urlId', '420');
myScript.setAttribute('dataTitle', variable1);
myScript.setAttribute('dataemail', 'admin@domain.net');

document.body.appendChild(myScript);

整体解决方案：

<html>
<head>
    <title>Applying</title>
</head>
<body>

<script>
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, 
        function(m,key,value) {
            vars[key] = value;
        });
    return vars;
}
var variable1 = getUrlVars()["parameter1"];    

var myScript = document.createElement('script');

myScript.setAttribute('type', 'text/javascript');
myScript.setAttribute('urlId', '420');
myScript.setAttribute('dataTitle', variable1);
myScript.setAttribute('dataemail', 'admin@domain.net');

document.body.appendChild(myScript);                              
</script>

</body>
</html>

【讨论】：