移动前端代码:数据在不同页面中的传递。 1.第一个登录页面,里面有提交表单, action 提交到 index.html页面 2.第二个页面之所以可以使用第一个页面的数据,是利用了URL 里面的 location.search参数 3.在第二个页面中,需要把这个参数提取。 4.第一步去掉? 利用 substr 5.第二步 利用=号分割 键 和 值 split(‘=‘) 6.第一个数组就是键 第二个数组就是值 第一个页面 用户名:_________ 登录 第二个页面,通过location.search获得传递过来的参数 某某某 欢迎你!
时间: 2023-11-27 13:51:49 浏览: 87
移动前端代码如下:
1.第一个页面的 HTML 代码:
```
<form action="index.html" method="post">
<label>用户名:</label>
<input type="text" name="username">
<button type="submit">登录</button>
</form>
```
2.第二个页面的 JavaScript 代码:
```
// 获取 URL 中的 search 参数
var search = location.search;
// 去掉问号
search = search.substr(1);
// 分割键值对
var arr = search.split('=');
// 获取用户名
var username = arr[1];
// 显示欢迎信息
var welcomeMsg = username + ' 欢迎你!';
document.getElementById('welcome').textContent = welcomeMsg;
```
3.第二个页面的 HTML 代码:
```
<h1 id="welcome"></h1>
```
这段代码可以实现在第一个页面中输入用户名并提交后,跳转到第二个页面,并在第二个页面中显示欢迎信息,欢迎信息中包含第一个页面中输入的用户名。
阅读全文