本章節介紹一下如何將html標簽兩端的尖括號轉換為字符實體,這個是非常有必要的,比如在實際應用中,可以要原文輸出html標簽,但是左右尖括號作為html標簽的一部分,有可能會導致混亂,例如:
   [ 其他 ] 運行代碼    下載代碼
<div></div></div>
上面的代碼我們原意是是原樣輸出"</div>",但是這會被瀏覽器認為是html語法標簽,這樣就會出現錯誤,索引進行轉碼是非常有必要的,代碼如下:
   [ 其他 ] 運行代碼    下載代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.cqetom.live/" />
<title>html標簽的尖括號轉碼為字符實體</title>
<script type="text/javascript"> 
function html_encode(str){   
  var s = "";   
  if(str.length == 0) return "";   
  s = str.replace(/&/g, ">");   
  s = s.replace(/</g, "<");   
  s = s.replace(/>/g, ">");   
  s = s.replace(/ /g, "&nbsp;");   
  s = s.replace(/\\'/g, "&#39;");   
  s = s.replace(/\\"/g, "&quot;");   
  s = s.replace(/\\n/g, "<br>");   
  return s;   
}   
function html_decode(str){   
  var s = "";   
  if(str.length == 0) return "";   
  s = str.replace(/>/g, "&");   
  s = s.replace(/</g, "<");   
  s = s.replace(/>/g, ">");   
  s = s.replace(/&nbsp;/g, " ");   
  s = s.replace(/&#39;/g, "\\'");   
  s = s.replace(/&quot;/g, "\\"");   
  s = s.replace(/<br>/g, "\\n");   
  return s;   
}   
window.onload=function(){
  var odiv=document.getElementById("thediv");
  odiv.innerHTML=html_encode("</div>");
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>
實現對html尖括號和一些特殊的字符進行轉換,上面也提供了解碼的功能,沒有演示而已。

代碼描述:html標簽 尖括號轉碼 字符實體,html標簽的尖括號轉碼為字符實體



55 73



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: js js代碼 js實例 javascript javascript代碼 javascript實例 jshtml對象 javascripthtml對象
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子