javascript - 从 JavaScript 中的 URL 获取参数

标签 javascript url

这里是新手。 我在 index.html 中制作了一个简单的表单,如下所示:

<form name="parameters" METHOD="GET" ACTION="pag1.html">
login: <INPUT TYPE="text" NAME="login"> 
password: <INPUT TYPE="text" NAME="password"> 
<input type="submit" value="ok">
</form>

在 pag1.html 上,我放置了 javascript 来分割 URL,如下所示:

<head>
<script language="JavaScript">
function processUser()
  {
    var parameters = location.search.substring(1).split("&");

var temp = parameters[0].split("=");
l = unescape(temp[1]);
temp = parameters[1].split("=");
p = unescape(temp[1]);
document.getElementById("log").innerHTML = l;
document.getElementById("pass").innerHTML = p;
  }
</script>
</head>

和两个 DIV 来显示它们:

<div id="log">LOGIN:</div>
<div id="pass">PASSWORD:</div>

pag1.html 上的 URL 类似于:“pag1.html?login=123&password=asd ”

但我得到的只是:
登录:
密码:

我哪里出错了?

最佳答案

您的函数应该在整个 HTML 加载后调用。为此,您需要将函数放置为 DOMContentLoaded 事件的回调。

document.addEventListener("DOMContentLoaded", function(){
    function processUser()
    {
         var parameters = location.search.substring(1).split("&");

         var temp = parameters[0].split("=");
         l = unescape(temp[1]);
         temp = parameters[1].split("=");
         p = unescape(temp[1]);
         document.getElementById("log").innerHTML = l;
         document.getElementById("pass").innerHTML = p;
    }

    processUser();
})

关于javascript - 从 JavaScript 中的 URL 获取参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29186126/

相关文章:

javascript - 使用类名 jquery 隐藏跨度

JavaScript 不断重新加载页面

Java Play 框架隐藏 URL 路由

java - Google Guice & Jersey 在应用程序包过滤时对同一个 servlet 的多个 URL 模式

javascript - 如何删除表格单元格的边框?

javascript - 如何使用 Jquery/Ajax 将带有文件的 webform 发布到 webmethod?

javascript - 将数组作为字符串返回 JavaScript

android - Open Browser in Background - 在后台加载网页

php - http_build_query 函数的 urlencoding 过多

java - 使用 URL 获取标题、元描述内容