如何將html的<和>轉碼

admin發表於2017-02-13
HTML
本章節介紹一下如何將html中的左右尖括號進行轉碼，因為作為html標籤的一部分可能會造成佈局換亂。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
//將HTML轉義為實體 
function escape(html){ 
  var elem=document.createElement('div') 
  var txt=document.createTextNode(html) 
  elem.appendChild(txt) 
  return elem.innerHTML; 
} 
//將實體轉回為HTML 
function unescape(str){ 
  var elem=document.createElement('div') 
  elem.innerHTML=str 
  return elem.innerText||elem.textContent 
}
window.onload=function(){
  var odiv=document.getElementById("thediv");
  odiv.innerHTML=escape("</div>");
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

以上程式碼實現了我們的要求，可以實現基本的轉碼要求，程式碼比較簡單這裡就不多介紹了。

相關文章