前言：
现时朋友们对“html两个页面之间怎样传递数据”大体比较注重，各位老铁们都需要分析一些“html两个页面之间怎样传递数据”的相关知识。那么小编同时在网上汇集了一些有关“html两个页面之间怎样传递数据””的相关资讯，希望大家能喜欢，咱们快快来了解一下吧！首先，通过视频看一下要实现的效果，视频如下：
视频加载中...
分析
1.第一个登录页面，里面有提交表单，action提交到index.html页面中
2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果
3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search参数
4.在第二个页面中，需要把这个参数提取出来
5.第一步去掉提取到参数的中的？，利用substr
6.第二步利用=号分割键和值，分割后得到一个数组，通过数组获得值 split('=')
代码
login.html<!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.html<!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> var params = location.search.substr(1); console.log(params); var arr = params.split('='); console.log(arr); var div = document.querySelector('div'); div.innerHTML = arr[1] + '欢迎您'; </script></body></html> 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html两个页面之间怎样传递数据
