Q&A
見やすくやりやすいようにエラーとプログラムは直接書いてください
コードを入れるときに</>のアイコンを使ってプログラムを入れてください
質問の回答をよろしくお願いします。
私は現在javascriptを勉強中で、「入門者のJavascript(立山秀利著)」を本とにらめっこしながらコードを書いていました。
そして今日、外部jsファイルのアラート機能に日本語文字列(?)を書き込み（→ボタンを押すとアラームが出るイベント）chromeブラウザで確かめると文字化けしていました。ググってみると、文字コードに原因があるみたいだったので、htmlファイルの
追記:
使用ブラウザはGoogleChrome
使用エディターはWebstormです。
添付画像1枚目はコンソールでのエラー画面、2枚目はエラー詳細の文字化け、3枚目はhtmlファイル、4枚目はjsファイル、5枚目はWebstormの文字コード設定画面です。
追記2:
<html> <head lang="en"> <meta charset="UTF-8"> <title>簡易画像ビューワ</title> <link rel="stylesheet" href="index.css"> <script src="index.js"> </script> </head> <body> <img id="pict" src=".idea/1.jpg"> <div id="no" class="no1">No.1</div> <button onclick="revBtnClick();">←</button> <button onclick="fwdBtnClick()">→</button> </body> </html> コード
function
1 document.getElementById('no').innerHTML = 'No.1'; 2 document.getElementById('pict').src = '.idea/1.png'; 3 document.getElementById('no').className = 'no1'; 4 5} 6 7function fwdBtnClick() { 8 document.getElementById('no').innerHTML = 'No.2'; 9 document.getElementById('pict').src = '.idea/2.jpg'; 10 document.getElementById('no').className = 'no2'; 11} 12コード
非常にご不快な思いをさせてしまうと存じますが、何を申しているのかが分かりません。
エラーというのはUncaught SyntaxError: Unexpected token ILLEGALのことでしょうか？プログラムというのはhtmlファイルとjsファイルのことですか？後半の
>コードを入れるときに</>のアイコンを使ってプログラムを入れてください
はさっぱりです。申し訳ないです。
画面キャプチャじゃなくてソースコードを書いてほしい、ということです。「</>」というのは質問や回答を入力するときの入力欄にあるアイコンのことでこれを使用するとソースコードの記入が回答者にわかりやすく表示されます。
回答1件
0
ベストアンサー
画面キャプチャ3枚目：<meta charset="UTF-8">してるのにファイルの文字エンコーディングがUTF-16BE(画面右下に注目)
画面キャプチャ4枚目：index.jsの文字エンコーディングがWindows-31J(画面右下に注目)
画面キャプチャ5枚目：Project Encoding欄がWindows-31J
…まずは全部UTF-8に統一しましょう。
ちなみに「Uncaught SytaxError : Unexpected token ILLIGAL」自体はブラウザが判別できない文字が使われてる時などに出るエラーです。
投稿2016/03/01 02:40
総合スコア5572
回答いただきありがとうございます！右下に文字コード出るんですね(汗)
ただ、キャプチャ5枚目のProject Encoding欄をUTF-8には出来ますがその他の方法が分かりません。再度質問したほうがいいでしょうか？
Fileメニューからファイルの保存をするときに文字コードを選べませんか？
僕が見落としているだけかもしれませんが、選べないようです。
もう少し探してみます。
画面右下windows-31-jsの右スピンボタンからUTF-8を選んで保存で変わりませんか?
htmlファイルだけはいじれませんでしたが、jsファイル、cssファイルは右下のところからコードを選べました！htmlファイルは新しく作ったらそれがUTF-8だったので本の通りに表示されました！
初心者以前の質問内容だったと思いますが手を取っていただきありがとうございました。
あなたの回答
tips
プレビュー
