通过window.open
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div id="first"> <input type="text" name="maintext" id="test"> <input type="button" onclick="window.open('second.html')" value="确定"> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <script language="javascript" > //opener可操作父窗口的html var parentText = window.opener.document.getElementById("test").value;//捕获父级元素 document.write(parentText); window.opener.close()//关闭父级窗口 </script> </body> </html>
location.href与 location.search
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script> <style type="text/css"> </style> </head> <body> <div id="first"> 账户:<input type="text" name="username" id="one"></br> 密码:<input type="text" name="sex" id="two"></br> <input type="button" onclick="Post()" value="提交"> <script language="javascript" > function Post() { //单个值 Read.htm?username=baobao;多个值 Read.htm?username=baobao&sex=male; url = "second.html?username="+escape(document.getElementById("one").value)+ "&sex=" + escape(document.getElementById("two").value); location.href=url; } </script> </div> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <script language="javascript" > var url=location.search;//通过 location.search 属性得到当前 URL 的查询字串:即?以及后边的内容 var Request = new Object(); if(url.indexOf("?")!=-1) { var str = url.substr(1); //去掉"?"号 strs = str.split("&"); for(var i=0;i<strs.length;i++) { Request[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);} } document.write( "用户名为:"+Request["username"]+"</br>"+"性别为:"+Request["sex"] ); </script> </body> </html>
a链接传值
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <a id="first" href="test.html">点击</a> <script> var hrf=$("#first").attr("href"); var name="dsh"; var a_href=$("#first").attr("href",hrf+"?name="+name); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-2.1.4.min.js"></script> </head> <body> <script type="text/javascript"> document.write( location.search ) </script> </body> </html>