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)

相关推荐

  • golang 相同结构体比较方式比较

    技术golang 相同结构体比较方式比较 golang 相同结构体比较方式比较golang 相同结构体比较方式比较
    使用==
    示例:
    type Student struct {Name stringAg

    礼包 2021年12月24日
  • 自建蜘蛛池用什么服务器比较好

    技术自建蜘蛛池用什么服务器比较好什么是蜘蛛池? 蜘蛛池原理其实很简单,就是由大量域名组成的站群,每个网站下生生成海量页面,这些页面内容都是相互组合拼凑出来的,没有什么质量可言,可以说就是一大群垃圾站点,但是这群网站,每个

    礼包 2021年10月30日
  • 数据结构与算法-二叉树、AVL树、B树、红黑树总结

    技术数据结构与算法-二叉树、AVL树、B树、红黑树总结 数据结构与算法-二叉树、AVL树、B树、红黑树总结转载:原文链接:https://blog.csdn.net/wanderlustLee/arti

    礼包 2021年11月18日
  • 比尔吉沃特是几区,lol英雄联盟每个大区的含义

    技术比尔吉沃特是几区,lol英雄联盟每个大区的含义每个服务器的名字都代表着符文之地的地区或势力。各服务器名称及含义:电信一区:艾欧尼亚,艾欧尼亚是寻求心灵进化的天堂,位于瓦罗然大陆之外,诺克萨斯东北;电信二区:祖安,祖安

    生活 2021年10月26日
  • Java中如何使用Iterator和Iterable接口

    技术Java中如何使用Iterator和Iterable接口这篇文章主要介绍“Java中如何使用Iterator和Iterable接口”,在日常操作中,相信很多人在Java中如何使用Iterator和Iterable接口

    2021年11月17日
  • C++ I/O 类

    技术C++ I/O 类 C++ I/O 类I/O 类
    ?
    C++ 不直接处理输入输出, 而是通过一组定义在标准库中的类型来处理 I/O . 这些类型支持从设备读取数据, 向设备写入数据的 I/O 操作,

    礼包 2021年11月5日