两个页面之间通过js进行传值

最新推荐文章于 2024-08-23 14:03:47 发布
最新推荐文章于 2024-08-23 14:03:47 发布
阅读量106 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/lixingle/archive/2013/05/17/3312984.html
版权

第一个页面中有两个图片，当点击的时候能在第二个页面中获得它的属性值（）通过js进行传值：

第一个页面： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	function test(){
		
		var img1= document.getElementById("img1");
		var img2= document.getElementById("img2");
		//获得alt的属性
		var parm1=img1.getAttribute("alt");
		var parm2=img2.getAttribute("alt");
		//url
		
		
		
		img1.οnclick=function(){
			var myurl="test2.html"+"?"+"parm1="+parm1;
			window.location.assign(myurl); 
			}
			
		   img2.οnclick=function(){
			var myurl="test2.html"+"?"+"parm2="+parm2;
			window.location.assign(myurl); 
			}	
			
			
		}
</script>
</head>

<body οnlοad="test();">
<img src="1.jpg" id="img1" alt="myimg1">
<img src="2.jpg" id="img2" alt="myimg2">

</body>




</html>



第二个页面： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test2</title>


<script type="text/javascript"> 
function getvalue() 
{ 

///test2.html?parm1=myimg1&parm2=myimg2
	//获得第一个属性
	var url=location.href; 
	var tmp1=url.split("?")[1]; 
	var tmp2=tmp1.split("&")[0]; 
	var tmp3=tmp2.split("=")[1]; 
	var parm1=tmp3; 
	//获得第二个属性
	/*
	var tmp9=url.split("?")[1]; 
	var tmp4=tmp9.split("&")[1]; 
	var tmp5=tmp4.split("=")[1]; 
	var parm2=tmp5; 
	*/
	var inhtml= document.getElementById("inhtml");
	inhtml.innerHTML=parm1;
	//alert(parm1); 
} 
</script> 

</head>

<body οnlοad="getvalue();">

<h2>测试</h2>
<span id="inhtml"> </span>

</body>
</html>




转载于:https://www.cnblogs.com/lixingle/archive/2013/05/17/3312984.html

weixin_30908103
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js html页面之间传值
林先生学习博客
09-13 902
用法： var name=UrlParm.parm(“name”); 注意 ：代码只是解析地址栏传参？后的值 不能够传对象 。 js代码 UrlParm = function() { // url参数 var data, index; (function init() { data = []; index = {}; var u = windo...
两个页面之间通过url地址栏进行传值
TTO_OTT的专栏
05-22 7235
第一个页面中有两个图片，当点击的时候能在第二个页面中获得它的属性值,通过location.assign在第一个页面进行传值,location.href在第二个页面进行接受值,一开始不会传值问题，但对于不知道怎么传值的人来说刚开始摸索，觉得好困难，但当会用了之后觉得不难，所以写此文以供参考。 简单示例： 第一个页面：  无标题文档 func
javascript 两个页面之间传值
10-17
javascript 两个页面之间传值 使用window.open（）
用js在两个页面之间传值
weixin_30649641的博客
07-28 340
子窗体中给父窗体动态创建表： <script> function Product(product_name,product_id,product_describe,AMOUNT_UNIT,COST_PRICE) { var arry= new Array("1",product_name,prod...
页面之间传值的方法
weixin_34292959的博客
08-07 690
在前端开发中我们常常需要从一个跳到另一个页面，并且将当前页面的数据传递过去，总结一下我的方法： 1 通过URL传值，不过有个缺点就是传输的值不能太大，因为浏览器对与URL的长度是有限制的。 首先定义getQueryString方法 function getQueryString(name) { var reg = new RegExp('(^...
js在页面间传值的方法记录
a_230000的博客
01-30 142
window.showModalDialog与window.returnValue 两个js方法 昨天遇到了一些关于页面弹窗的传值问题 于是就找了一波资料,发现上面两个方法挺好的 父页面的js中 function father(){} var dto = {};dto.aac001 = document.all.aac001.value;dto.aa...
js实现页面与页面之间传值（页面1->页面2）
Ysiqiqi的博客
11-19 2747
一.利用地址栏URL传值（最常用） 1.页面1 &lt;input type="text" id="txt"&gt; &lt;/br&gt; &lt;input type="button" value="TEST" onclick="test()"/&gt; &lt;SCRIPT LANGUAGE="JavaScript"&amp
JavaScript实现在页面间传值的方法
10-24
在客户端使用JavaScript进行页面间传值是一种不需要服务器端参与的解决方案。本文档通过实例介绍了几种使用JavaScript在不同页面间传递值的方法。 在提到的第一种方法中，我们通过在a.html页面中定义一个表单，并在...
Javascript 两个窗体之间传值实现代码
10-29
在Web开发中，经常需要在两个窗口（窗体）之间进行数据传递，无论是出于用户交互的需求还是出于业务逻辑的要求。本文将探讨如何使用JavaScript实现从一个子窗体向父窗体传递数据。 首先，通过window.open()函数，...
JavaScript页面之间的三种传值方式
weixin_44631286的博客
11-21 2204
1.页面之间的传递 采用赋值的方式完成页面之间文本框的传值 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function page_value(){ var text1=document.getElementById("text_1");
JavaScript实现同一页面内两个表单互相传值的方法
12-12
本文实例讲述了JavaScript实现同一页面内两个表单互相传值的方法。分享给大家供大家参考。具体如下： 有时候我们在提交表单的时候需要将两个表单的值互相传递，那么如何实现呢？其实很简单，就是用JavaScrip获取任一...
两个原生JS跨页面传值的小方法
白瑕 的博客
07-28 3710
文章目录前言一、localStorage本地存储二、URL传值总结 这会不会是今天写的最简单的一篇文…? 前言 今天在学校做2020年的题,碰到一个需求:用户在这个页面选择了症状,需要在下一个页面显示出用户选择的项; 这,这就触及到我的知识盲区了… 我突然想到前几天写Vue用了localStorage,总算是没空着,但还是想知道会不会有更好的方法. 一、localStorage本地存储 不能用sessionStorage,sessionStorage在当前会话关闭之后会进行销毁,存储的东西在下个页面全是
两个jsp页面之间的传值
weixin_42557481的博客
11-13 9766
1、两个jsp页面之间怎么传值，对于这个问题，我们先可以想一下，如果要进行jsp之间的传值，那么我们是否可以先通过ajax提交或者href传值到后台，然后通过后台传值到新的jsp页面呢。 这里定义一下，从index.jsp页面传送到test.jsp。 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&...
js-如何在两个页面之间互相传递数据？
Call_me_small_pure的博客
10-15 9266
页面之间传递数据我们常用到的两种方式： 把要传递的数据作为字符串拼接到要跳转的url后面，另一个页面直接读取本页面的url 这是封装好的两个函数，直接拿来调用就可以//把参数拼接到url后面 function grow(obj,url) { var s = ''; for(var k in obj){ s += "&"+k+"="+obj[k]; }
js实现页面与页面之间传值的三种方法
热门推荐
橙-极纪元-cplvfx-JJY.Cheng
07-12 4万+
利用地址栏URL传值 A页面传值 <input type="text" id="txt"> </br> <input type="button" value="TEST" onclick="test()"/> <SCRIPT LANGUAGE="JavaScript"> function test(){ var s...
第一个页面的文本域中输入的值怎么在第二个页面中显示
weixin_30745641的博客
11-04 217
首先假设已经知道怎么取得表单post过来的值。表单提交后session_start();//启动session$_SESSION['username'] = $username;其它页面要使用时则：session_start();//启动sessionprint_r($_SESSION); 转载于:https://www.cnblogs.com/hssbsw/p/3407468.html...
关于两个html页面之间的传值
weixin_36633980的博客
04-17 916
最近项目涉及到了两个页面之间的传值问题，去网上找到了几种方法，分别是利用cookie，url，localstorage。 cookie：在a.html创建对应的cookie,在b.html get对应cookie并赋值。 localstorage：和cookie基本类似。 url：最终决定采用url方式传值。参考了各位大牛的博客，具体方式如下（转载）： HTML页面之间的传值，需要借助
使用itextpdf5.x将网页转为PDF,并添页眉页脚页码
最新发布
qingqingzijinxin的专栏
08-23 341
itextpdf，html转pdf
两个页面传值有哪些方法
05-11
在Web开发中，两个页面之间传值的方法有以下几种： 1. URL传参：将参数拼接在URL后面，如“page2.html?id=123&name=test”，在目标页面中使用JavaScript或服务器端代码获取URL参数值。 2. 表单传参：在表单中设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值