从零到一学JS:10行js写一个模拟后台接收参数界面

124 阅读1分钟

每日一kun:星星会有很多个 但我只会心动一个月亮

两个html页面,一个登录一个接收,登录没什么好说的,就一个简单的form表单,主要是接收参数的界面,里面主要用了字符串的两个方法substr和spilt,上代码。

登录界面代码
html代码 
<form action="页面接收.html">
        用户名:<input type="text" name="uname" id="uname">
        密码:<input type="text" name="upwd" id="upwd">
        <button type="submit">登录</button>
</form>

登录成功界面
js代码
    var div = document.querySelector("div")
    var data = location.search
    var user={}
    data = data.substr(1)
    data = data.split("&")
    console.log(data)
    for(var i = 0 ;i<data.length;i++){
        var login = data[i].split("=")
        user[login[0]]=login[1]
    }
    div.innerHTML = user.uname +"欢迎你"
    
html代码
<div></div>

结果:

2022-11-13-22-18-56.gif