WEBプログラム覚書::HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装

HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装

パーマリンク | 2007年11月13日 11:14

Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装で紹介されているjavascriptを試してみた。

htmlspecialcharsは下記のような変換をおこなってくれる。

'&' (アンパサンド) は '&' になります。
ENT_NOQUOTESが設定されていない場合、'"' (ダブルクォート) は '"'になります。
ENT_NOQUOTESが設定されている場合のみ、''' (シングルクオート) は '''になります。
'<' (小なり) は '<' になります。
'>' (大なり) は '>' になります。

javascriptサンプル


<script language="javascript" type="text/javascript">
function Esc(){
　var ch = document.getElementById("htmlspecialchars").innerHTML;
　var eschtml = htmlspecialchars(ch);
　document.getElementById("echo").innerHTML = eschtml;
　alert(eschtml);
}
function htmlspecialchars(ch) { 
　ch = ch.replace(/&/g,"&amp;") ;
　ch = ch.replace(/"/g,"&quot;") ;
　ch = ch.replace(/'/g,"&#039;") ;
　ch = ch.replace(/</g,"&lt;") ;
　ch = ch.replace(/>/g,"&gt;") ;
　return ch ;
}
</script>

htmlサンプル


<div id="htmlspecialchars">
<h4 id="&hsc&">htmlspecialchars</h4>
<p class='test'>ここをエスケープします。</p>
</div>
<p><a href="javascript:;" onclick="Esc()">エスケープ</a></p>
<div id="echo">
</div>

実効結果

htmlspecialchars

ここをエスケープします。

エスケープ

IE7だとシングルクォートとダブルクォートが表示されないがで見るとしっかり変換されているようだ。でも書き出すとなんか変な気がする。なんで&だけ&で出るのだろう・・・相変わらずjavascriptの挙動がよくわからない・・・

WEBデザイン・ホームページ製作カンテナ

HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装

javascriptサンプル

htmlサンプル

実効結果

htmlspecialchars

HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装タグ:

トラックバック

コメントを投稿

最新更新ページ

ETC

HTML/CSS

JavaScript

MySQL

PHP

XML

最近のエントリー

タグ

アーカイブ

このサイトは次のライセンスで保護されています。

IT業界、エンジニア関連の求人

Twitter Updates