传参小demo

最新推荐文章于 2021-02-25 21:04:03 发布

昵称2-20个字符

最新推荐文章于 2021-02-25 21:04:03 发布

阅读量111

点赞数

分类专栏： demo 文章标签： form传参 js

本文链接：https://blog.csdn.net/weixin_39517183/article/details/106526708

版权

demo 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

login页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="index.html">
        用户名：<input type="text" name="uname">
        <input type="submit" value="登录">
    </form>
</body>
</html>

index页面代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<div></div>
	<script>
		window.onload=function(){
			console.log(location.search);//?uname=red
			//去掉? substr('起始位置'，'截取长度)  截取字符串 
			var params=location.search.substr(1);//uname=red
			console.log(params);
			// 利用=将字符串分割成数组 split('=')
			var arr=params.split('=');
			console.log(arr);
			document.querySelector('div').innerHTML=arr[1]+'进来了！！！！';
		}
	</script>
</body>
</html>