javascript - 通过单击图像将变量传递给 URL - JavaScript

Question

当单击也链接到带有登录表单的登录页面的图像时，我想传递我的用户名。单击图像会将用户重定向到登录页面，并在用户名字段中自动放置通过 URL 传递的用户名，因此用户只需写入密码并单击按钮即可登录。

我在想也许是这样的:

<script language="javascript" type="text/javascript">
var scrt_var = {{contact.username}} 
</script>

<a href="https://{{contact.image_bank_url}}" onclick="location.href=this.href+'?key='+scrt_var;return false;"><img src="http://image.png"></a>

这是我在登录表单中的用户名字段:

<input id="id_username" name="username" type="text">

还有其他方法吗？

Answer 1

您可以将用户名设置为参数:例如?username={{contact.username}}

<a href="https://{{contact.image_bank_url}}" onclick="location.href=this.href+'?username='+scrt_var;return false;">

  <img src="http://image.png">

</a>

然后在登录页面上读取它(函数取自 How can I get query string values in JavaScript?

document.getElementById("id_username").value = getParameterByName("username")

function getParameterByName(name) {
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(window.location.href);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}