文字UTF8編碼

採用UTF8編碼保存的文件中,漢字可能會被識別爲亂碼,導致無法正常顯示;可通過對漢字進行編碼後保存,以解決亂碼問題:
<!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>漢字UTF8編碼</title>
<style type="text/css">
<!-- 
body{ margin:0px; } 
.btn{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: left; text-decoration: none; display: block; overflow: visible; margin-right: 10px; margin-left: 10px; } 
.btn a:hover { background-color: #d8dfea; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #333366; border-bottom-color: #333366; } 
.btn a { display: block; text-decoration: none; color: #666666; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC; width: 100px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 30px; overflow: visible; float: left; } 
html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; margin: 0px; } 
--> 
</style>
</head>

<body>
<textarea name="source" rows="14" id="source" style="width:99%"></textarea><br />
<div class="btn"><a href="javascript:action('CONVERT_FMT1')"> <strong>Convert</strong>  Fmort &#xxxx </a></div> 
<div class="btn"> <a href="javascript:action('CONVERT_FMT2')"> <strong>Convert</strong>  Fmort \uxxxx </a> </div> 
<div class="btn"> <a href="javascript:action('RECONVERT')"> <strong>ReConvert</strong>  To 漢字 </a> </div>
<div id="tt" style="display:none"></div> 
<textarea name="show2" rows="14" id="show2" style="width:99%"></textarea>
<script language="javascript" type="text/javascript"> 
  var oSource = document.getElementById("source"); 
  var oShow2 = document.getElementById("show2"); 
  var oTt = document.getElementById("tt"); 
  function action(pChoice){ 
	switch(pChoice){ 
	  case "CONVERT_FMT1": oShow2.value = ascii(oSource.value); break; 
	  case "CONVERT_FMT2": oShow2.value = unicode(oSource.value); break; 
	  case "RECONVERT": oShow2.value = reconvert(oSource.value); break; 
	} 
  } 
  function ascii(str){ return str.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"\&#x$2;")}); } 
  function unicode(str){ return str.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"\\u$2")}); } 
  function reconvert(str){ 
	str = str.replace(/(\\u)(\w{4})/gi,function($0){ return (String.fromCharCode(parseInt((escape($0).replace(/(%5Cu)(\w{4})/g,"$2")),16))); }); 
	str = str.replace(/(&#x)(\w{4});/gi,function($0){ return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{4})(%3B)/g,"$2"),16)); }); 
	return str; 
  } 
</script>
</body>
</html>

通過以上方法,可將漢字“換行”編碼爲“\u6362\u884C”  或  "&#x6362;&#x884C;"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章