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)

相关推荐

  • Hadoop的基础知识点有哪些

    技术Hadoop的基础知识点有哪些本篇内容主要讲解“Hadoop的基础知识点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Hadoop的基础知识点有哪些”吧!一、had

    攻略 2021年12月9日
  • spring security中的默认登录页源码分析

    技术spring security中的默认登录页源码分析这篇文章主要讲解了“spring security中的默认登录页源码分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学

    攻略 2021年11月8日
  • Tomcat9中如何管理session

    技术Tomcat9中如何管理session这篇文章主要介绍Tomcat9中如何管理session,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!源码解析session相关共有两个类:Standard

    攻略 2021年12月8日
  • 如何进行Log4j2的简单使用

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

    攻略 2021年11月10日
  • offset的值怎么显示一个区域(top数据怎么设置)

    技术TopKey怎么设置分隔符本篇内容介绍了“TopKey怎么设置分隔符”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!k

    攻略 2021年12月23日
  • Mysql数据库多实例配置的示例分析

    技术Mysql数据库多实例配置的示例分析小编给大家分享一下Mysql数据库多实例配置的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!二进制安装:
    [root@lufengcentos ~]# m

    攻略 2021年11月18日