js使用location跳转页面并且获取表单中参数

最新推荐文章于 2024-03-05 09:15:36 发布

爬楼梯的小新

最新推荐文章于 2024-03-05 09:15:36 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_57607714/article/details/122825325

版权

JavaScript 专栏收录该内容

86 篇文章 4 订阅

订阅专栏

该案例实现效果是在登录页面的表单里输入名字则跳转到首页显示 xx，欢迎你（xx是返回用户输入的内容

需要建两个html页面这个是login登录页

表单里的内容要写到form里才能提交 name必须要写是要提交的用户名


<body>
    <!-- 跳转到index页面 -->
    <form action="index.html">
        用户名:<input type="text" name="uname">
        <input type="submit" value="提交">
    </form>

    <script>
    </script>
</body>

index 首页面

    <script>
        console.log(location.search); //?uname=nn  nn是我自己输入的 输入什么返回什么
        var names = location.search.substr(1); //substr 从左往右 截除几个字符
        console.log(names); //uname=nn
       //split分割符 删除= 分割的都是数组形式
        var arr = names.split('='). 
        console.log(arr); //["uname","nn"]
        var div = document.querySelector('div');
        div.innerHTML = arr[1] + '，恭喜！登录成功'
    </script>