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)

相关推荐

  • storm技术内幕和大数据实践(storm经典案例分析)

    技术Storm可靠性acker案例分析本篇内容主要讲解“Storm可靠性acker案例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Storm可靠性acker案例分析”吧

    攻略 2021年12月23日
  • linux系统定时执行shell脚本

    技术linux系统定时执行shell脚本 linux系统定时执行shell脚本我们可能会经常需要在linux系统中做一些重复而又繁琐的操作,为了解放自己,我们需要将这些东西写到定时任务里面,让它每天执行

    礼包 2021年11月23日
  • 党的思想路线的核心是,实事求是思想路线的目的是什么

    技术党的思想路线的核心是,实事求是思想路线的目的是什么实事是客观存在着的一切事物党的思想路线的核心是,求是我们去探究,是就是事物发展的规律,也就是按照事物的本来面貌去发掘事物发展的规律,而规律是主观认识,但必须与实事相符

    生活 2021年10月26日
  • JavaScript中的useRef 和 useState有什么用

    技术JavaScript中的useRef 和 useState有什么用小编给大家分享一下JavaScript中的useRef 和 useState有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望

    攻略 2021年11月25日
  • 如何解决Sqlserver 2014 alwayson架构主节点执行alter table导致从节点的阻塞问题

    技术如何解决Sqlserver 2014 alwayson架构主节点执行alter table导致从节点的阻塞问题如何解决Sqlserver 2014 alwayson架构主节点执行alter table导致从节点的阻塞

    攻略 2021年11月29日
  • 如何理解MYSQL中的SHOW VARIABLES语句

    技术如何理解MYSQL中的SHOW VARIABLES语句这篇文章将为大家详细讲解有关如何理解MYSQL中的SHOW VARIABLES语句,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知

    攻略 2021年11月23日