1. 程式人生 > >靜態頁面如何接收引數以及解決特殊字元的編碼問題

靜態頁面如何接收引數以及解決特殊字元的編碼問題

在某些情況下,需要為跳轉的靜態檔案傳遞引數,這時候 不像動態頁面一樣 有request,session等內建作用域物件,所以只能手動去解析了。

window.onload=function(){
     var message = getUrlVars()["message"];
     if(message!=null && typeof(message)!="undefined"){
         alert(decodeURI(message)); 
     }
}

function getUrlVars(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++){
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
	return vars;
}

這樣子就可以了,如果有中文的話,需要將引數作為URI進行編碼,比如encodeURI(param),然後再接收之後 將編譯過後的URI再解碼

js對文字進行編碼涉及3個函式:escape,encodeURI,encodeURIComponent,相應3個解碼函式:unescape,decodeURI,decodeURIComponent
1、   傳遞引數時需要使用encodeURIComponent,這樣組合的url才不會被#等特殊字元截斷。                            
例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u=+encodeURIComponent("http://cang.baidu.com/bruce42")+">退出</a>');</script>
2、   進行url跳轉時可以整體使用encodeURI
例如:Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");
3、   js使用資料時可以使用escape
例如:蒐藏中history紀錄。
4、   escape對0-255以外的unicode值進行編碼時輸出%u****格式,其它情況下escape,encodeURI,encodeURIComponent編碼結果相同。
最多使用的應為encodeURIComponent,它是將中文、韓文等特殊字元轉換成utf-8格式的url編碼,所以如果給後臺傳遞引數需要使用encodeURIComponent時需要後臺解碼對utf-8支援(form中的編碼方式和當前頁面編碼方式相同)
escape不編碼字元有69個:*,+,-,.,/,@,_,0-9,a-z,A-Z
encodeURI不編碼字元有82個:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
encodeURIComponent不編碼字元有71個:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

例子:

  <a href="javascript:goTarget('?:&!__哈哈')">走你</a>
  <script type="text/javascript">
  <!--
	function goTarget(param){
		var encode = encodeURIComponent(param);
		alert(encode);

		alert(decodeURIComponent(encode));
	}


Over~~