1. 程式人生 > >jquery與php的HTML轉義與反轉義

jquery與php的HTML轉義與反轉義

png IE style 雙引號 ons class text 反轉 special

1.jquery

(1)Html轉義

    var tmp = <a href="https://www.baidu.com/">連接</a>;
    var tmp_rev = $(<div>).text(tmp).html();
    console.log(tmp_rev);

結果:

  &lt;a href="https://www.baidu.com/"&gt;連接&lt;/a&gt;

(2)Html反轉義

    var tmp = <a href="https://www.baidu.com/">連接</a>
; var tmp_rev = $(<div>).text(tmp).html(); var tmp_rev_rev = $(<div>).html(tmp_rev).text(); console.log(tmp_rev_rev);

結果 :

  <a href="https://www.baidu.com/">連接</a>

2.php

(1)轉義

htmlentities() 把字符轉換為 HTML 實體

htmlspecialchars() 把預定義的字符轉換為 HTML 實體 

預定義的字符是:

  • & (和號)成為 &
  • " (雙引號)成為 "
  • ‘ (單引號)成為 ‘
  • < (小於)成為 <
  • > (大於)成為 >

(2)反轉義

html_entity_decode() 把 HTML 實體轉換為字符

htmlspecialchars_decode() 把預定義的 HTML 實體轉換為字符

$tmp = <a href="https://www.baidu.com/">連接</a>;
$tmp_rev = htmlentities($tmp);
$tmp_rev_rev = html_entity_decode($tmp_rev);
var_dump($tmp);
var_dump($tmp_rev);
var_dump($tmp_rev_rev);

$tmp = <a href="https://www.baidu.com/">連接</a>;
$tmp_rev = htmlspecialchars($tmp);
$tmp_rev_rev = htmlspecialchars_decode($tmp_rev);
var_dump($tmp);
var_dump($tmp_rev);
var_dump($tmp_rev_rev);

結果:

  技術分享圖片

註:

  有中文的時候,最好用 htmlspecialchars ,否則可能亂碼

jquery與php的HTML轉義與反轉義