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)

相关推荐

  • http工具类 james

    技术http工具类 james http工具类 jamespackage com.shsnc.south.znpact.server.util;import com.shsnc.south.znpact

    礼包 2021年11月15日
  • mysql如何查询月份

    技术mysql如何查询月份这篇文章给大家分享的是有关mysql如何查询月份的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 mysql查询月份的方法:1、通过“sel

    攻略 2021年11月26日
  • mysql数据库常用命令的含义(mysql列出所有数据库的命令是什么)

    技术MySQL数据库的基本命令有哪些小编给大家分享一下MySQL数据库的基本命令有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、概述数

    攻略 2021年12月21日
  • Win10/Win11安装WSA提示Add-AppxPackage部署失败解决方法:关闭签名许可验证 教程

    技术Win10/Win11安装WSA提示Add-AppxPackage部署失败解决方法:关闭签名许可验证 教程 Win10/Win11安装WSA提示Add-AppxPackage部署失败解决方法:关闭签

    礼包 2021年11月25日
  • 如何解决甲骨文中的SVR4错误问题

    技术oracle出现SVR4 Error报错问题怎么解决这篇文章主要讲解了“oracle出现SVR4 Error报错问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学

    攻略 2021年12月22日
  • 在 Linux中find命令使用技巧

    技术在 Linux中find命令使用技巧 在 Linux中find命令使用技巧不管我决心如何组织文件,似乎总有无法找到文件的时候。有时是因为我不记得最初的文件名,其他时候,我知道名字,但我不记得在哪里保

    礼包 2021年12月22日