js 获取URL参数
- 2022 年 4 月 2 日
- 筆記
实现点击页面跳转至另一个html文件，并且传递参数
indexs文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- action 发送表单数据 到login.html文件中-->
<form action="login.html">
用户名：<input type="text" name="uname" id="">
<!-- submit 数据填完再点击提交-->
<input type="submit" value="登录">
</form>
</body>
</html>
login文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div></div>
<script>
// 第一先去掉问号 substr 一个起始位置和结束位置
var parma = location.search.substr(1)
// 第二利用=号分割为数组 split('=')
var arr = parma.split('=')
// 把数据写入div中
var div = document.querySelector('div')
// 把数据写入到div里面
div.innerHTML = arr[1] + '欢迎您~'
</script>
</body>
</html>
点击按钮即可跳转至login.html文件页面
- substr 取值 里面两个参数，第一个是起始位置，第二个是结束位置 只写一个参数第二个参数默认取到最后
- split 分割为数组用’=’号分割
思路：因为只要取一个值需要用split分割成数组
substr去除不要的数据
