介绍 <李> & lt; body>
,,,& lt; form action=癷ndex.html"比;
,,,,,,,用户名:& lt; input 类型=皌ext", name =, & # 39; uname # 39;比;
,,,,,,,& lt; input 类型=皊ubmit",价值=https://www.yisu.com/zixun/碧峤弧?>
这篇文章给大家介绍JavaScript数据在不同页面的传递是怎样的,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
,,,,,,,网页中,我们常常遇到这种情况,当我们在某个页面输入信息的时候,会跳转到另一个页面,并且会将我们输入的信息传递到另一个页面中,怎样操作呢?
今天,我们就来实战一下,比如,现在有两个页面,当我们在一个页面输入用户信息的时候,就会跳转到另一个页面并显示,xx欢迎登录的界面。
<强>先来看看设计思路:
第一个登录页面,里面有提交表单,<代码>操作> 索引。> <李>
第二个页面,可以使用第一个页面的参数,这样实现了一个数据不同页面之间的传递效果
<李>第二个页面之所以可以使用第一个页面的数据,是利用了URL里面的<代码>位置。搜索> <李>
在第二个页面中,需要把这个参数提取。
<李>第一步利用<代码> 子去掉?
<李>第二步利用分裂(“=?分割键和值
<李>第一个数组就是键第二个数组就是值
<强>实现代码为:
& lt; body> ,,,& lt; div> & lt; span 祝辞& lt;/span>欢迎登录! & lt;/div> ,,,& lt; script> ,,,,,,var span =, document.querySelector(& # 39;跨度# 39;);//获取跨度标签 ,,,,,,var myName =, location.search.substr(1);//得到上一个页面输入的参数 ,,,,,,var arr =, myName.split(& # 39;=& # 39;);//利用=号分割,键,和值 ,,,,,,span.innerHTML =, arr[1], +, & # 39; & # 39;//将数据传入 ,,,& lt;/script> & lt;/body>
<强>运行效果为:
关于JavaScript数据在不同页面的传递是怎样的就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
