我的项目9 网页之间传值二 HTML5本地存储

在我的项目1中写到过网页之间传值,但是那种方式在andriod4.0和以下版本就传不过去了,于是乎,就打起了HTML5本地存储的注意。大家看一下代码就知道什么意思了:

发送数据页面:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {

			}

			function tijiao() {

				var zhi1 = document.getElementById("zhi1").value;
				var zhi2 = document.getElementById("zhi2").value;
				localStorage.setItem("1", zhi1);
				localStorage.setItem("2", zhi2);
			}
		</script>
	</head>

	<body>
		传输数据1:
		<input type="text" name="zhi1" id="zhi1" value="123" />
		<br />传输数据2:
		<input type="text" name="zhi2" id="zhi2" value="234" />
		<a href="jieshouyemian.html"><button id="myButton" onclick="tijiao()">提交跳转传值</button></a>
	</body>

</html>

接收数据页面:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript">
			window.onload=function(){
				if(window.localStorage){
					alert("支持;");
				}else{
					alert("不支持");
				}
				var a=localStorage.getItem("1");
				var b=localStorage.getItem("2");
				document.getElementById("jieshouzhi1").value=a;
				document.getElementById("jieshouzhi2").value=b;
				/*$("#jieshouzhi1").val(a);
				$("#jieshouzhi2").val(b);*/
			}
		</script>
	</head>
	<body>
		接收到的值1:<input type="text" name="jieshouzhi1" id="jieshouzhi1" value="null" /><br />
		接收到的值2:<input type="text" name="jieshouzhi2" id="jieshouzhi2" value="null" />
	</body>
</html>

看看适应性如何了,再不行,就只能在想别的办法了,,哎。。

时间: 2024-10-26 06:11:51

我的项目9 网页之间传值二 HTML5本地存储的相关文章

网页之间传值与获取值

a.html页面:function sq(a){ window.location.href = "./list.html?rid=" + a;}sq(2); b.html页面var rid = getQueryString("rid");//这样b页面就接收到a页面传过来的参数的值了,只是jq的方法,别忘记了使用之前引入jq 原文地址:https://www.cnblogs.com/putaopi/p/12030673.html

html5本地存储(二)--- SQLList

html5内置了2种本地数据库,一是被称为"SQLLite",可以通过SQL语言来访问文件型SQL数据库.二是被称为"indexedDB" 的NoSQL类型的数据库 这篇主要讲SQLLite 在js中使用SQLLite数据库,分两个步骤 一.创建访问数据库 使用openDatabase方法创建 var db = openDatabase('mybd',1.0,"testDB",2*1024*1024)  该方法创建一个访问数据库对象,该方法有4个

我的项目3 js 页面之间传值

由于我的项目需要页面之间一些简单的数据传值,就用了一个简单的方法写了一下,和大家分享一下. 这就需要用到一个方法  如果大家想看的详细一些,可以去W3C去看,这里写一下链接http://www.w3cschool.cc/js/js-window-location.html 在index.html页面里写了以下代码,这里要传递的值:a=1 b=3 c=7 var myurl = "indexshouye.html" + "?" + "1=1"+&q

【转】【ASP.NET MVC系列】浅谈ASP.NET 页面之间传值的几种方式

ASP.NET MVC系列文章 原文地址:https://www.cnblogs.com/wangjiming/p/6275854.html [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作篇)(下) [04]浅谈ASP.NET框架 [05]浅谈ASP.NET MVC运行过程 [06]浅谈ASP.NET MVC 控制器 [07]浅谈ASP.NET MVC 路由 [08]浅谈AS

ASP.NET 页面之间传值的几种方式

原文:http://www.cnblogs.com/wangjiming/archive/2017/01/18/6275854.html#!comments 详解每种方法 一.Request.QueryString 核心代码: protected void getQueryString_Click(object sender, EventArgs e) { string QueStr = Request.QueryString["name"]; Response.Write(QueSt

笔记(三) ASP.NET 页面之间传值的几种方式

ASP.NET 页面之间传递值得方式大致可以分为如下几种:Request.QueryString["name"],Request.Form("name"),Session,Cookie,Cache,Application,Server.Transfer,Database, HttpContext的Item属性,Files,DataBase等等. 一.Request.QueryString 核心代码: protected void getQueryString_Cli

从0开始探究vue-组件化-组件之间传值

理解 Vue中有个非常重要的核心思想,就是组件化,组件化是为了代码复用 什么是组件化 组件化,就像一个电脑主机里的主板,有内存条的插口,有硬盘,光驱等等的插口,我们的项目,就像一个电脑主机,通过各种组件化的模块(硬盘.内存等),来拼合成一个完整的电脑. 如图,每一个块都是一个组件,由许许多多的组件拼合而成,可以无限的嵌套下去 组件化的好处 模块复用,提高效率,让重复的代码只写一遍. 预留个性化设置,可以保证模块,既通用,又可变. 提高可维护性,如果一个项目多个页面使用了同一个组件(例如消息弹框)

Asp.Net Core MVC控制器和视图之间传值

一.Core MVC中控制器和视图之间传值方式和Asp.Net中非常类似 1.弱类型数据:ViewData,ViewBag 2.强类型数据:@model 二.代码 实例  1.ViewData public IActionResult Index() { //测试的 时候在Cummuty2017的最新版中右键添加视图生成的 视图文件的编码 为ANSI对于中文显示乱码 //使用ViewData 实现 控制器 和 视图之间传值 /* * 1.ViewData指定键值对的方式设置或读取 数据 * 2.

小程序中的web-view与h5网页之间的交互

官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html web-view 基础库 1.6.4 开始支持,低版本需做兼容处理 web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用. 客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效 属性名 类型 默认值 说明 src St