本文介绍了JavaScript数据如何在不同页面上传输,内容非常详细。感兴趣的朋友可以参考一下,希望对你有所帮助。
在网页中,我们经常会遇到这种情况。当我们在一页上输入信息时,我们会跳转到另一页,并将我们输入的信息传递到另一页。怎么操作?
今天,让我们有一个实际的体验。例如,现在有两页。当我们在一个页面输入用户信息时,我们会跳转到另一个页面,显示xx欢迎登录界面。
先来看看设计思路:
第一个登录页面包含提交表单,操作被提交到index.html页面。
在第二页,可以使用第一页的参数,从而实现一个数据在不同页面之间的传递效果。
第二页可以使用第一页的数据,因为它在URL中使用了location.search参数。
在第二页,您需要提取这个参数。
第一步是用substr移除?
第二步使用split ('=')来拆分键和值。
第一个数组是键,第二个数组是值。
实现代码为:
身体
formaction='index.html '
用户名:inputtype='text'name='uname '
类型=“提交”值=“提交”
/form
身体
Divspan/span欢迎登录!/div
脚本
varspan=document . queryselector(' span ');//获取跨度标签
varmyName=location . search . substr(1);//获取上一页输入的参数。
vararr=MyName . split('=');//使用=符号拆分键和值。
Span.innerHTML=arr[1] ''//将数据传递到Span
/script
/body运行效果为:
以下是JavaScript数据在不同页面上的传输方式。希望
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/150318.html