# location属性跳转页面显示输入文字

最新推荐文章于 2021-06-28 15:43:57 发布

大名张无忌

最新推荐文章于 2021-06-28 15:43:57 发布

阅读量191

点赞数

分类专栏： JS # BOM 文章标签： html javascript js

本文链接：https://blog.csdn.net/qq_40029828/article/details/105104542

版权

JS 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

BOM

6 篇文章 0 订阅

订阅专栏

1、在现在文档中写表单，提交用户输入信息

<form action="index.html">
    输入用户名：<input type="text" name="uname">
    <input type="submit" value="登录">
</form>

2、在提交的index页面中获取并展示用户输入信息

<style>
    span {
        color: red;
    }
</style>
<body>
<div>
    Welcome <span></span>
</div>
<script>
    var address = location.search;
    console.log(address);
    var uname = address.substr(1, address.length - 1);
    var fullname = uname.split('=');
    var guest = document.querySelector('span');
    guest.innerHTML = fullname[1];
</script>
</body>