/ 流通システム部　  Tweet シェア

JavaScriptの文字列自動エンコード

市川 (2010年2月18日 09:40)
流通システム部 / その他

JavaScriptでの文字の扱いというのは非常に難しいもので、
複数の種類のブラウザに対応させようとしたとたん、
いきなり思ってもみなかったところでハマったりする。

最近 Webサービスもどき Ajaxもどきからデータを取得して加工しようとして
JavaScriptで行なわれる文字列の自動エンコードでハマった。

その例を物凄く簡略化すると、以下のようになる。

<html>
<head>
</head>
<body>
<div id="uke">
 img src="hoge"<br/>
 img src="<%= hoge2 %>"<br/>
 img src='<%= "hoge3" %>'<br/>
 <img src="hoge4"><br/>
 <img src="<%= hoge5 %>"><br/>
 <img src='<%= "hoge6" %>'><br/>
</div>
<script language="javascript">
 alert(document.getElementById("uke").innerHTML)
</script>
</body>
</html>

これを、いろいろなブラウザで実行してみると・・・。

IE8

Firefox3.6

Chrome4.0

Safari3.2

Opera10.10

おまけ IE6

（OSは IE8のみ Windows7、その他は WindowsXPです）

JavaScriptの実装が個々のブラウザによって違うため、
『>』がそのまま来てみたり %3Eになったり > になったり、
『<』は変換されるが『>』は変換されなかったり。
『<』～『>』で囲まれている間だけ違う変換がされたり。
・・・もう、いろいろ。
お気をつけあそばせ。

こういうのを乗り越えてこそ、Webアプリケーション開発です。

「システム開発ブログ」へのコメントやご意見等ありましたら、ファンページまでお願いします。 Facebook のファンページ

[PR]
他社のシステムも直します。資産を活かしてシステムリフォーム

システムのトラブル解決を承ります。すぐにシステムリフォームを体験できます

システムのトラブル解決を承ります。すぐにシステムリフォームを体験できます

システム開発・一括受託開発。見積依頼受付中

システム開発専用サイト

システム開発の流れ・手順、実績など。アイロベックスのシステム開発を紹介。

VB .NETを主言語としたWebアプリケーションの開発

要件分析から保守まで、お客様の現場での問題解決だけでなく、IT経営の援護者としてトータルソリューションサービスを提供しています。

MovableType を使ったウェブサイト構築

魅力あるウェブサイトデザイン、構成はもとよりMovableTypeを使用したウェブサイトの作成、JAVA、CGIによる注文フォームの作成等、ビジネスを強力にサポートします。

Windowsフォルダーアクセス権限確認ツール

フォルダーアクセス権限を一目で確認。使用版を無償でご利用いただけます。

Webとリアルをつなぐコンテンツマネージメントシステム

Webサイト・モバイルサイト・チラシ（PDF）・カタログ（InDesign）を、簡単かつ正確に作成できます。

「システム開発ブログ」の更新情報をTwitterで。

Twitter公式アカウントに認定されています

「システム開発ブログ」の更新情報をTwitterで。ぜひ、フォローをお願いします。