javascriptのアラートの中で、台湾の注音符号を現したいのですが、文字化けしてしまいます。どのようにすればよいでしょうか?

アラートの中を alert('ㄅㄉˇˋㄓˊ˙ㄚㄞㄢㄦ'); このようにしたいのですが、さくらエデッタをつかって、注音符号を打ち込むと、 このように文字化けしてしまいます。 alert('11ヌヒ1ハル11"1&1'); 

保存は、urf-8で改行コードなし、bomなしで保存しています。


<!DOCTYPE html>
<html lang="jp">
<head>
</head>
<body>
<script>
alert('11ヌヒ1ハル11"1&1');
</script>
</body>
</html>

質問者からの補足コメント

  • つらい・・・

    あと転記しわすれましたが、
    <meta charset="utf-8">はつけてあります。

      補足日時:2017/07/15 18:11
  • つらい・・・

    それと、WinSCPでアクセスしてサーバー側で、編集すると、上手くいきます。ローカルでは無理なんですけど。なんでなんでしょうか?

    また、サーバー側で、うまくいったファイルをローカルにコピーして確認しても、アラートには、ちゃんと文字が表示されます。 ただ、そのファイルを開けると、アラートに入れた文字列が文字化けしています。下記のように

    <script>
    alert('繖・чヒ・九・ヒ翰吶・繖槭┐繖ヲ');
    </script> 

    しかし、ブラウザではしっかり表示されるので、このあたりが良く分かりません。

      補足日時:2017/07/15 18:17

A 回答 (1件)

原因.


エディタが内部的に Shift_JIS しか扱えない古いタイプなので、
UTF-8 形式で保存しても Shift_JIS で扱えない文字が化ける。

対策1.
内部的に Unicode で扱えるエディタを使う。
最近のサクラエディタなら Unicode 対応しているので、ソフト更新をご検討ください。

対策2.
JavaScript の文字リテラルには、文字を Unicode コードで記載するエスケープシークエンスがあるので、
文字化けする可能性のあるものはエスケープしてしまう。
例) "ㄅㄉˇˋㄓˊ˙ㄚㄞㄢㄦ" → "\u3105\u3109\u02c7\u02cb\u3113\u02ca\u02d9\u311a\u311e\u3122\u3126"
    • good
    • 1
この回答へのお礼

ありがとうございます。文字関連について、無知でして、ともて勉強になります。感謝します。

お礼日時:2017/07/16 14:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aと関連する良く見られている質問

Q変数にドットをいれることはかのうでしょうか?

変数にドットをいれることはかのうでしょうか?
var text = '.......';
alert(text);

Aベストアンサー

#1さんの提示されたとおり「変数名」にドットは入れられませんが
命題の変数内にドットを入れる=ドットを含む文字列は
提示されているソースがそのまま動きますよね?

<script>
var text = '.......';
alert(text);
</script>

QaddEventListener()の引数の設定について

addEventListener()の引数の設定について で keydown とclick どちらも設定したいのですが、そんなことは可能でしょうか?

Aベストアンサー

>prototype.に定義しているのは、何か理由

documentがつかめればなんでもいいんです
一義的にdocumentがHTMLDocumentなのでそれを利用しました。
場合によってはprototypeではなく直接メソッドを作成することも可能です
機能拡張はprototypeで行えば同じレベルの要素については
同じ挙動をするようになるので便利です

たとえば、NodeListやHTMLCollectionなど

Qcsvファイルを読み込み、該当項目をhtmlに表示する方法

下記のようなcsvファイルがサーバ上にあり、毎日最新情報に更新されます。
サーバ上の同階層にあるHTMLページに、csvファイルの一部に該当する項目を
表示したいのですが、どのようにしたら実現できるのかわかりません…。
どうか助けてください。よろしくお願いいたします。

■csvファイル(data.csv)
種類,国,売上目標,売上実績,前年売上
りんご,国内,100,90,80
バナナ,国内,100,80,90
りんご,海外,100,110,100
バナナ,海外,100,50,80

■HTMLページ(index.html)
売上達成率【国内】りんご90% (前年比+10) | バナナ80%(前年比-10)
売上達成率【海外】りんご110%(前年比+10)| バナナ50%(前年比-30)

※マイナスになっている場合は赤字にしたいです。

Aベストアンサー

No.5&6です。何も表示されなかったとのことですので、
試しにfc2にアップロードしてみましたので、下記URLでも表示されないでしょうか。

https://fjicode.web.fc2.com/gooqa/9928341/index.html

もし上記サイトでうまく表示されましたら、上記サイトのソース表示から取得した方が手っ取り早いかもしれません。

Qhtmlでjpg画像をアップロードして、相手のパソコンかスマホにダウンロードさせたい。

お疲れ様です。
写真(同窓会)を郵送するには費用がかかります。
そこで、ホームページをから、相手がダウンロードできるようなに
プログラムを組みたいのですが!忘れてしまいました。
 現在作成中のホームページは、写真の閲覧のみです。
どんなプログラムを組めば相手のパソコン、スマホへダウンロード
できようになりますか?

Aベストアンサー

ダウンロードさせる?

無理ですよ、相手の人にダウンロードしてもらうようにしましょう

https://30d.jp/
写真共有サービスを利用して、画像をアップロード
参加した人にしか見えないようにパスワードを設定して、URLとパスワードをメールで送ってダウンロードしてもらいましょう


既にHPを持ってるのなら、そこにアップロードして、その画像のURLを教えて右クリックで保存してもらえばいいですよ

QJavascriptの本に乗っていることがわかりません

最近勉強を始めたものです。
関数のところで、1行目に、

/* 関数定義 ******************/

とあるのですが、どういう意味でしょう

Aベストアンサー

「/*」から始まり「*/」で終わるまでの間はコメント文として
好きなことをかけます。備忘録のようなものです。
「*」がいっぱい書いてあるのは桁あわせ(インデント)や
パッと見て目につきやすくしている(アイキャッチ)のだと思います

Q※staticと$thisの違いは何ですか

よろしくお願いします。

Aベストアンサー

static メソッドはオブジェクトのインスタンスを生成せずに コールすることができます

QHTMLで作ったホームページをWindowsとMac両対応にしたい

HTMLでホームページを作っているのですが、Macを使っており、文字コードをUTF-8にしています。
ですが、Windowsでは文字化けしてしまいますか?

かと言ってWindows用にShift_JISにするわけにも行きません。
両方のOSで正常に見せられる様な方法はありませんか?

今のところ、ツールを使う考えはありません。

Aベストアンサー

Windowsのブラウザでも、UTF-8で問題なく表示されます。

HTMLの content-type や charset とか、CSSの@charsetとか で UTF-8だというヒントを与えてますか?
あるいは、Windowsのブラウザの設定で、文字コードをShift_JISにするような設定になっていませんか?

Q僕は高校生なんですがプログラミング言語を将来のために学びたいと思っています。まだ初心者なので調べた結

僕は高校生なんですがプログラミング言語を将来のために学びたいと思っています。まだ初心者なので調べた結果RubyかPythonのどちらかにしようと思うのですがどちらがいいでしょうか?
なるべく多くの意見を参考にしたいです。

Aベストアンサー

入門書とか入門サイトとか少し読んでみて、直感的に「なんとかなりそう」と思った方。
悩んでないで、直感を信じてとにかく始めることです。


プログラムは大きく
・やろうとしていることをどうやって実現するか?
・それをプログラミング言語でどうやって記述するか?
の2つの要素があります。

前者の「やり方」は、言語によろ違いが少ないので、一度身に付くと、言語が変わっても応用が効きます。
後者の「書き方」は(多少似たところはあるものの)言語毎に違うので、「やり方」程は応用が効きません。

「最初の言語」はどうしても「やり方」「書き方」の両方を学習しなければなりません。
ですが、次からは「書き方」中心の学習になるので、「最初の言語」ほどは苦労しないはずです。


なので、とにかく早く始めて、「やり方」を身に付けていきましょう。
直感がはずれて、「この言語は無理」と感じたとしても、「次の言語」へは1から始めるよりははるかに楽になっているはずです。

Q最難関の資格。

高卒で現在飲食店で働いているのですがITに興味を持ち資格取得を考えています。
実は学歴にコンプレックスがあり自己満足の為に取得したいという想いがあるのですが、
高卒で取得できる最も難易度が高いとおもわれるIT資格を教えてください。

Aベストアンサー

情処の中ではレベル4が最難関で良いと思います。
レベル4の中でだと、論文の得手不得手、マネジメント系とプログラミング系どちらが得意かなどによるので順位付けは難しいです。

国の入札条件など考えると、PM、情確士、NWあたりが重宝されるかもしれません。

情処以外ではCISSP、CRISCあたりでしょうか。
サンプル問題はあっても過去問が出てないので、勉強の仕方が難しく、地力を求められる感じです。
(認定には経験年数がいるのと、維持するにも費用、工数が結構かかるのが難ですが。)

ただ、個人的にはゼロを1にするのは、考え方も含めた基礎を作り上げないといけないので、No2さんのいうことは的を射ていると思いました。

Qホームページ JavaScript

CTRLキー+Fで検索すると、黄色の背景色がつくように
特定の文字に背景色をつけたいのですが、どのようにすればいいのでしょうか?

例)
◆検索キーワード : 「 テスト 」

今日はテスト
テストの点数87点
↑この検索キーワードと同じ箇所のテストの部分だけに背景色をつけるようにしたいです。

Aベストアンサー

mark.jsを使えば簡単にできますよ。

公式ページ
https://markjs.io/

簡単なサンプル作りました。
https://jsfiddle.net/b1efes63/

実際にはハイライトする文字列を<span>で包んでるようです。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング