获取URL参数

素心如月桠

已于 2022-04-05 20:06:56 修改

阅读量120

点赞数

文章标签： javascript

于 2021-05-13 10:45:21 首次发布

本文链接：https://blog.csdn.net/m0_47010003/article/details/116740478

版权

html 同时被 3 个专栏收录

43 篇文章 13 订阅

订阅专栏

vscode

35 篇文章 2 订阅

订阅专栏

JavaScript

34 篇文章 3 订阅

订阅专栏

1. login.html页面代码

action="Index.html"提交表单

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
   <form action="Index.html">
        用户名：<input type="text" name="uname"/>     
       <input type="submit" value="登录" />
   </form>
</body>
</html>

2. index.html页面代码

location.search得到的是：“？uname=用户名”
location.search.substr(1)是从下标为1的位置截取，就是去掉？问号
split是从给定符号截取字符串，得到一个数组

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div> </div>
    <script>   
        var str = location.search.substr(1);
        console.log(str);
        var pass = str.split('=');
        var div = document.querySelector('div');
        div.innerHTML = '欢迎'+pass[1]+'登录';
    </script>
</body>
</html>

素心如月桠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
获取URL参数

1. login.html页面代码<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title></head><body> <form action="Index.html"> 用户名：
复制链接

扫一扫