js怎么实现值传递而不是地址传递(如何引用javascript中变量)

技术JavaScript数据在不同页面的传递是怎样的这篇文章给大家介绍JavaScript数据在不同页面的传递是怎样的,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 网页中,我们常常遇

本文介绍了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数据在不同页面的传递是怎样的

以下是JavaScript数据在不同页面上的传输方式。希望

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/150318.html

(0)

相关推荐

  • 如何进行Log4j2的简单使用

    技术如何进行Log4j2的简单使用本篇文章为大家展示了如何进行Log4j2的简单使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。日志是一个系统经常用到的功能,我们可以在调试的时

    攻略 2021年11月10日
  • IntelliJ IDEA远程Debug Linux的Java程序怎么使用

    技术IntelliJ IDEA远程Debug Linux的Java程序怎么使用这篇文章主要介绍“IntelliJ IDEA远程Debug Linux的Java程序怎么使用”,在日常操作中,相信很多人在IntelliJ I

    攻略 2021年11月30日
  • 能歌善舞近义词,“长袖善舞”指人能歌善舞吗

    技术能歌善舞近义词,“长袖善舞”指人能歌善舞吗“长袖善舞”语出《韩非子。五蠹》:“治强不可贵于外能歌善舞近义词,内政之有也。 今不行法术于内,而事智于外,则不至于治强矣。鄙谚曰:‘长袖善舞,多钱善贾。’此言多资之易为工也

    生活 2021年10月27日
  • slickedit怎么设置一直着色(slickedit如何取消复制)

    技术先进SlickEdit编辑器如何使用这期内容当中小编将会给大家带来有关先进SlickEdit编辑器如何使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。SlickEdit 作为一个

    攻略 2021年12月24日
  • java semaphore 是什么(javasemaphore信号怎么样)

    技术如何解析Java中的Semaphore信号量本篇文章为大家展示了如何解析Java中的Semaphore信号量,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。Semaphore

    攻略 2021年12月20日
  • Sqlserver 2014 alwayson架构如何添加辅助节点上的数据库

    技术Sqlserver 2014 alwayson架构如何添加辅助节点上的数据库本篇文章给大家分享的是有关Sqlserver 2014 alwayson 架构如何添加辅助节点上的数据库,小编觉得挺实用的,因此分享给大家学

    攻略 2021年11月29日