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

第一个页面中有两个图片,当点击的时候能在第二个页面中获得它的属性值()通过js进行传值:

第一个页面:
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns=”http://www.w3.org/1999/xhtml”>
  3. <head>
  4. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
  5. <title>无标题文档</title>
  6. <script type=”text/javascript”>
  7.     function test(){
  8.         var img1= document.getElementById(“img1”);
  9.         var img2= document.getElementById(“img2”);
  10.         //获得alt的属性
  11.         var parm1=img1.getAttribute(“alt”);
  12.         var parm2=img2.getAttribute(“alt”);
  13.         //url
  14.         img1.onclick=function(){
  15.             var myurl=”test2.html”+”?”+”parm1=”+parm1;
  16.             window.location.assign(myurl);
  17.             }
  18.            img2.onclick=function(){
  19.             var myurl=”test2.html”+”?”+”parm2=”+parm2;
  20.             window.location.assign(myurl);
  21.             }
  22.         }
  23. </script>
  24. </head>
  25. <body onload=”test();”>
  26. <img src=”1.jpg” id=”img1″ alt=”myimg1″>
  27. <img src=”2.jpg” id=”img2″ alt=”myimg2″>
  28. </body>
  29. </html>
第二个页面:
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns=”http://www.w3.org/1999/xhtml”>
  3. <head>
  4. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
  5. <title>test2</title>
  6. <script type=”text/javascript”>
  7. function getvalue()
  8. {
  9. ///test2.html?parm1=myimg1&parm2=myimg2
  10.     //获得第一个属性
  11.     var url=location.href;
  12.     var tmp1=url.split(“?”)[1];
  13.     var tmp2=tmp1.split(“&”)[0];
  14.     var tmp3=tmp2.split(“=”)[1];
  15.     var parm1=tmp3;
  16.     //获得第二个属性
  17.     /*
  18.     var tmp9=url.split(“?”)[1];
  19.     var tmp4=tmp9.split(“&”)[1];
  20.     var tmp5=tmp4.split(“=”)[1];
  21.     var parm2=tmp5;
  22.     */
  23.     var inhtml= document.getElementById(“inhtml”);
  24.     inhtml.innerHTML=parm1;
  25.     //alert(parm1);
  26. }
  27. </script>
  28. </head>
  29. <body onload=”getvalue();”>
  30. <h2>测试</h2>
  31. <span id=”inhtml”> </span>
  32. </body>
  33. </html>

标签