靜態頁面之間傳值簡單程式碼例項

antzone發表於2017-03-24

本章節介紹一下如何在靜態頁面之間的傳值，動態頁面的話，一般通過一個基本類似的request物件就可以獲取傳輸的值，下面介紹一下如何在靜態頁面直接傳值，並且獲取傳遞的值。

頁面一程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title>  
</head> 
<body> 
<form name="myform" method="get" action="b.html"> 
<input type="text" value="螞蟻部落" name="antzone"/> 
<input type="submit" id="bt" value="提交按鈕"/> 
</form> 
</body> 
</html>

以上頁面可以將表單中的值提交給b.html頁面，下面是接受頁面的程式碼。

接收頁面的程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title>  
<script type="text/javascript"> 
function get_get(){  
  querystr=location.search.substring(1,location.search.length) 
  if(querystr){  
    var GETs=querystr.split("&")  
    var GET=new Array()  
    for(i=0;i<GETs.length;i++){  
      tmp_arr=GETs[i].split("=")  
      key=tmp_arr[0]  
      GET[key]=tmp_arr[1]  
    }  
  }  
  return GET;  
}  
get_get()
</script> 
</head> 
<body> 
</body> 
</HTML>

以上程式碼能夠接收通過url傳遞的值，因為第一個頁面是通過get方式進行傳值的。

相關文章