window.location.href后面带参数怎么加

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了window.location.href后面带参数怎么加相关的知识,希望对你有一定的参考价值。

您好,您需要的只是一个明传址,这种方式会把参数以明文的方式传过去,这样是不安全的。虽然在技术上是可以实现的。
<form action="#">

<input type="text" name="d_id" id="d_id"/><input type="text" name="d_name" id="d_name"/>
<input id="btn" type="button" value="sublimt"/>
</form>
<script>
document.getElementById('btn').onclick = function()
var d = document.getElementById('d_id').value;
var name = document.getElementById('d_name').value;
location.href = 'a.asp?d_id=' + d + '&d_name=' + name;

</script>
========================================

<form action="a.asp" method="post" onsubmit="return send();">
<input type="text" name="d_id" id="d_id"/><input type="text" name="d_name" id="d_name"/>
<input id="btn" type="submit" value="sublimt"/>
</form>
<script>
function send()
if(document.getElementById('d_id').value.length < 1)
alert('请正确输入!');
return false;

return true;

</script>
参考技术A location.href="页面地址"传参就后面加url格式参数location.href="页面地址?参数1=值1&参数2=值2"

window.location 的各个参数

window.location各属性的值 :

window.location.href --"https://i.cnblogs.com/EditPosts.aspx?opt=1"
window.location.protocol --"https:"
window.location.host-- "i.cnblogs.com"
window.location.port --返回端口号
window.location.pathname-- "/EditPosts.aspx"
window.location.search--"?opt=1"
window.location.hash-- 返回锚点 #test

以上是关于window.location.href后面带参数怎么加的主要内容,如果未能解决你的问题,请参考以下文章

window.location.href跳转带中文参数

javascript进行重定向页面时用window.href.location为啥有时不传参数?

如何使用js获取修改URL

window.location.href进行页面跳转+传参数

微信BUG之微信内置的浏览器中window.location.href 不跳转

window.location.href明明有参数值却报错500