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


    第一个页面中有两个图片,当点击的时候能在第二个页面中获得它的属性值()通过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.onclick=function(){
    			var myurl="test2.html"+"?"+"parm1="+parm1;
    			window.location.assign(myurl); 
    			}
    			
    		   img2.onclick=function(){
    			var myurl="test2.html"+"?"+"parm2="+parm2;
    			window.location.assign(myurl); 
    			}	
    			
    			
    		}
    </script>
    </head>
    
    <body onload="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 onload="getvalue();">
    
    <h2>测试</h2>
    <span id="inhtml"> </span>
    
    </body>
    </html>
    




  • 相关阅读:
    第二次结对作业(陆桂莺+崔亚明)
    第一次结对作业
    第二次作业:代码互改
    markdown详细
    第一次个人编程作业:我的分数我做主
    手动下载transformers的模型
    torch设置GPU
    Python import的搜索路径和不可以import的解决方法 (On Linux)
    Python中windows路径的3种写法
    一台计算机安装多个版本的torch和CUDA的教程
  • 原文地址:https://www.cnblogs.com/lixingle/p/3312984.html
Copyright © 2020-2023  润新知