2. 程式人生 > >JS對HTML字元的轉義和反轉義

JS對HTML字元的轉義和反轉義

阿新 • • 發佈：2019-02-10
var HtmlUtil = { /*1.用瀏覽器內部轉換器實現html轉碼*/ htmlEncode:function (html){ //1.首先動態建立一個容器標籤元素，如DIV var temp = document.createElement ("div"); //2.然後將要轉換的字串設定為這個元素的innerText(ie支援)或者textContent(火狐，google支援) (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html); //3.最後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字串了
var output = temp.innerHTML; temp = null; return output; }, /*2.用瀏覽器內部轉換器實現html解碼*/ htmlDecode:function (text){ //1.首先動態建立一個容器標籤元素，如DIV var temp = document.createElement("div"); //2.然後將要轉換的字串設定為這個元素的innerHTML(ie，火狐，google都支援)
temp.innerHTML = text; //3.最後返回這個元素的innerText(ie支援)或者textContent(火狐，google支援)，即得到經過HTML解碼的字串了。 var output = temp.innerText || temp.textContent; temp = null; return output; }, /*3.用正則表示式實現html轉碼*/ htmlEncodeByRegExp:function
(str){ var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&amp;"); s = s.replace(/</g,"&lt;"); s = s.replace(/>/g,"&gt;"); s = s.replace(/ /g,"&nbsp;"); s = s.replace(/\'/g,"&#39;"); s = s.replace(/\"/g,"&quot;"); return s; }, /*4.用正則表示式實現html解碼*/ htmlDecodeByRegExp:function (str){ var s = ""; if(str.length == 0) return ""; s = str.replace(/&amp;/g,"&"); s = s.replace(/&lt;/g,"<"); s = s.replace(/&gt;/g,">"); s = s.replace(/&nbsp;/g," "); s = s.replace(/&#39;/g,"\'"); s = s.replace(/&quot;/g,"\""); return s; } };

相關推薦

JS對HTML字元的轉義和反轉義

var HtmlUtil = { /*1.用瀏覽器內部轉換器實現html轉碼*/ htmlEncode:function (html){ //1.首先動態建立一個容器標籤元素，如DIV var temp = document.c

對html字元進行轉義和反轉義---工具類StringEscapeUtils

org.apache.commons.lang.StringEscapeUtils類可以對js sql html xml等程式碼進行轉義和反轉義 相關方法如下： StringEscapeUtils.escapeJava

js轉義和反轉義html

想要 def reg job 實體 margin wan ccid tor 本文地址： http://www.cnblogs.com/daysme/p/7100553.html 下面的代碼網上常用有，但不是想要的。 JS實現HTML標簽轉義及反轉義

java實現HTML標籤轉義和反轉義(StringEscapeUtils)

轉義：有時需要對帶有格式的長文字(如個人文章或評論等)進行轉義後儲存到資料庫表中。       例如：String EsHtml="<p>我的<br/>評論</p>";                  轉義後為"&lt;p&am

轉義和反轉義

簡單說一下業務場景，前臺使用者通過 input 輸入內容，在離開焦點時，將內容在 div 中顯示。 這時遇到一個問題，如果使用者輸入了 html 標籤，則在 div 顯示中，標籤被解析。 由於是純前端操作，不涉及後端，因此需要通過 js 對輸入內容進行轉義。

jquery與php的HTML轉義與反轉義

png IE style 雙引號 ons class text 反轉 special 1.jquery （1）Html轉義 var tmp = ‘<a href="https://www.baidu.com/">連接</a>‘; v

利用StringEscapeUtils對字串進行各種轉義與反轉義（Java）

       apache工具包common-lang中有一個很有用的處理字串的工具類，其中之一就是StringEscapeUtils,這個工具類是在2.3版本以上加上的去的，利用它能很方便的進行ht

關於在php中html標籤的轉換問題的解決,轉義與反轉義

 很多朋友在寫php的時候，難免會遇到需要將html標籤進行轉義儲存。比如存入資料庫、xml檔案等。而儲存進去後，讀取出來則需要轉換成html輸出。網上有許多人編寫的轉換函式，很長很難懂。其實php早就自帶有這樣的函式。大可不必自己編寫。 下面分別介紹這兩個函式。 1

thymeleaf中js及html中特殊符號的轉義問題

html中如果你寫了一個這樣的語句： <h5>上傳檔案地址：${fileUrl}</h5> 其效果是當model中取到了fileUrl則會顯示具體內容，但沒有值的時候也顯示出${fileUrl}，並不妥當。 這時候你改成如下的語句問題就解決了： &l

JS 對html標簽的屬性的幹預以及JS 對CSS 樣式表屬性的幹預

inpu cti doc tel tex ttext button abcd element -任何標簽的任何屬性都可以修改! -HTML裏是怎麽寫, JS就怎麽寫 以下是一段js 作用於 css 的 href的 代碼 <link id="l1"

python基礎之繼承組合應用、對象序列化和反序列化，選課系統綜合示例

sel 初始 否則 通用 __init__ period 類型 反序列化 信息 繼承+組合應用示例 1 class Date: #定義時間類，包含姓名、年、月、日，用於返回生日 2 def __init__(self,name,year,mon,day):

對象序列化和反序列化的基本操作

bsp 序列 log png .cn ima images mage alt 對象序列化和反序列化的基本操作

詳談js對url進行編碼和解碼(三種方式的區別)

今天在專案中發現一個bug，原作者本意是提取url中的某段資訊與一已知資訊進行比較，如果成立則執行相應程式碼。找來找去發現邏輯並沒有問題，但是前段樣式並沒有改變，通過控制檯列印提取出來的結果，發現是一段UTF8加密的文字，最後進行相應的解碼程式碼才生效。 J

js對url進行編碼和解碼（三種方式區別）

*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不經過編碼直接用於 URL。 ***例如：搜尋的中文關鍵字，複製網址之後再貼上就會發現該URL已經被轉碼。 1、escape 和 unescape 原理：對除ASCII字母、數字、標點符號 @  *  _  +

Java URL 轉義與反轉義

1：轉義 @org.junit.Test public void testEncode(){ String url="http://192.168.0.19:8888/cas

對java序列化和反序列化的理解和測試

首先需要說明的是，目前的傳輸和儲存多以json為主，連xml應用看上去都不那麼廣泛了。 於是，我們需要對自己寫的類進行序列化的操作機會變少了。 但，若我們對序列化有了瞭解，總是對於理解一些問題有幫助的。（其中序列化三個字可以換成任何技術） 今天要說的就是下面這個東西 s

URL傳遞中文引數亂碼----js對url進行編碼和解碼

*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不經過編碼直接用於 URL。 ***例如：搜尋的中文關鍵字，複製網址之後再貼上就會發現該URL已經被轉碼。 1、escape 和 unescape 原理：對除ASCII字母、數字、標點符號 @  *  _  +

PHP 轉義與反轉義函式

以上兩行程式碼即可實現php向mysql資料庫插入資料轉義操作。get_magic_quotes_gpc()在PHP中get_magic_quotes_gpc()函式是內建的函式，這個函式的作用就是得到php.ini設定中magic_quotes_gpc選項的值。那麼就先說一下magic_quotes_gpc

PHP 轉義與反轉義函式（入庫操作）

以上兩行程式碼即可實現php向mysql資料庫插入資料轉義操作。 get_magic_quotes_gpc() 在PHP中get_magic_quotes_gpc()函式是內建的函式，這個函式的作用就是得到php.ini設定中magic_quotes_gpc選項的值。 那麼就先說一下magic_quotes_

&轉義與反轉義

span 內容會作為html 解析，其他資料沒問題，url 就不行了，url 中的& 會被解釋成 & amp; 而上傳到伺服器， 解決文案 用自定義標籤即可 典型程式碼 <span id="link_${status.in