• ベストアンサー

Java Script 文字コード 指定

「html ファイル」 ──────────────── <script src="java.js"></script> あいうえお ──────────────── 「java.js」 ──────────────── document.write('<meta charset="UTF-8">'); ──────────────── 上記のように、 html ファイルでは、文字コード指定をせず、 外部 js ファイルを呼び出して、 元のhtmlファイルのコードを指定したいのですが、 上記の方法ではできません。 やり方があれば、お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • dell_OK
  • ベストアンサー率13% (740/5643)
回答No.1

こちらを参考に。 https://maggothand.at.webry.info/201708/article_1.html こんな感じ。 var doc = document; var head = doc.getElementsByTagName("head")[0]; var meta = doc.createElement("meta"); meta.setAttribute("charset", "UTF-8"); head.appendChild(meta); とて、htmlファイルの文字コードがなんなのか、それをふまえて、「文字化けしたページが正しく表示される」ようなことができるかどうかわかりません。

anon256
質問者

お礼

ありがとうございます。

その他の回答 (1)

  • dell_OK
  • ベストアンサー率13% (740/5643)
回答No.2

いや、質問者様のそのままでも、出力はされていました。 何が問題なのでしょうか。

anon256
質問者

お礼

ありがとうございます。

関連するQ&A

  • javascriptのalertで文字化けが解消されません。(外部js

    javascriptのalertで文字化けが解消されません。(外部jsファイル読込による) htmlファイル <meta http-equiv="Content-Script-Type" content="text/javascript"> <script language="JavaScript" src="**/**.js" charset="shift_jis"></script> いろいろ調べまして、charset="shift_jis"を指定したり、utf-8にしましたがうまくいきません。 jsファイル function testalert() { alert('テスト'); } ご教授をよろしくお願いします。

  • javaスクリプトでHTML書き出しテンプレートを作りたい。

    こんばんわ。 最近javaスクリプト学習中です。 OKwebのような左にメニューのあるサイトを作成予定なのですが、普通に左メニューを作ると100ページ作ったとしたらメニューの変更時、100回書き加える必要がありますよね? そこでジャバスクリプトをHTMLに埋め込もうと考えました。 こんな具合です。 HTML内メニューを表示させたい箇所に <SCRIPT LANGUAGE="JavaScript1.2" src="aaa.js"></SCRIPT> を埋め込み、外部ファイルaaa.jsでは document.write('メニュー表示用html'); とメモ帳で記入しテストしているところです。 ただ、どうしてもうまくいきません、、document.writeだけでよいと思っていたのですが、、 どうしてもうまく表示させたいと思っています。 大変恐縮ですが、どなたか知恵を貸していただけたら幸いです。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • ジャバスクリプトについての質問です。

    はじめまして。ホームページ内に音声を挿入するためにソフトウェアを使用し音声を挿入しましたが、IEではしっかりと起動し、FIREFOXで全く機能しません。 下記にあるジャバスクリプトのコードをHTML内に記述することで上手く動くと説明されたのですが… <script language='JavaScript' src='Project3/ImpactWebAudio.js' type='text/javascript'></script> ここからのコードはImpactWebAudio.jsに書かれているコードになります。 document.write('<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="100" height="40">'); document.write('<param name="SRC" value="Project3/ImpactWebAudio.swf">'); document.write('<param name="BGCOLOR" value="#FFFFFF">'); document.write('<param name="wmode" value="transparent" />'); document.write('<embed src="Project3/ImpactWebAudio.swf" wmode="transparent"'); document.write('pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="100" height="40" bgcolor="#FFFFFF" >'); document.write('</embed>'); document.write('</object>'); フラッシュで作成されたボタンとすべてのファイルはProject3フォルダの中に入っております。 IEでは反映されましたので、階層などにも間違いはないと思いますが、FIREFOXで上手く機能しないことにはどのような理由があるのでしょうか? ご存知の方がおりましたら、ご指導のほどよろしくお願いします。 (FIREFOXの設定はジャバスクリプト有効になっております。)

  • ジャバスクリプトをIE5.5以下には読み込ませないようにするには?

    いま、サイトの方にjqueryなどを入れて遊んでいるのですが、 一部のものでIE5.5以下のブラウザでエラーがでてしまい、 ページ内でとまってしまいます。 いっその事、IEの6以降とFirefoxやOpera,などには読み込ませて、 IEの5.5以下にはジャバスクリプトを 読み込ませないようにしようとおもうのですが、 色々サイトをみてまわってみたのですが ちんぷんかんぷんです・・・・ 今現在、 <script type="text/javascript" src="js/abc.js"></script> という形で外部ファイルとしてページのヘッダー内よりリンクしています。 そして、abc.js より以下の形で 色々なJSファイルを読み込んでおります。 ////////////// abc.js ////////////////// var uri="http://www.xxx.com/js/"; function myfile(n) { this.length = n; for (i = 0; i < n; i++) { this[i] = null } } var n = 3; var file = new myfile(n) file[0] = "jquery.js"; file[1] = "interface.js"; file[2] = "thickbox.js"; for (i = 0; i <n; i++) { document.write('<script type="text/javascript" charset="utf-8" src="',uri,file[i],'"></script>'); } ////////////// ここまで ////////////////// できれば、ページのヘッダー内に書き込む形ではなく このabc.jsの中でブラウザの判定をして IEの6以降とその他のブラウザだけに読み込ませるように できるとうれしいのですが・・・・ ちなみにこのabc.jsというのは http://www15.plala.or.jp/mi-u/website/jsexternal/ext003.html こちらを参考にさせて頂きました。 宜しくお願い致します。

  • 外部jsからdocument.writeするときに文字サイズの指定の仕方

    こんにちは。 HPを作っているのですが、 メニューなどを外部jsに入れテンプレートにし、document.writeで 一度に全体を更新しようと考えています。 しかし、読みだすと [object] になってしまいます。 fontタグを取り除くと、大きさ以外は目標のようになります。 (html,javascriptは最後の方に書いてあります) しかし、このままだとバランスが悪いので、どうしても <font size="3">の代わりになる方法がほしいのです。 (ちなみに、外部cssでの指定は一度考えましたが全体の構成上難しいです。) html、javascriptは以下のようになっています HTML <script language="JavaScript" src="js/template.js" charset="UTF-8"></script> <script type="text/javascript"> <!-- document.write(title) //--> </script> ----- javascript title =" <h1>タイトル</h1>" +" <p></p>" +" <h2><font size="3">サブタイトル</font></h2>" ----- よろしくお願いいたします

  • 一つのHTMLの中で日本語の文字コードは混在してもいいのでしょうか?

    ブログパーツを見ていると、外部JSファイルを読み込んで内容表示をさせるものがあります。 例:<script type="text/javascript" src="hogehoge.js" charset="utf-8"></script> ここで疑問なのは、charsetが設定されていることです。 例えば、読み込みするHTML側がShift-JISだった場合、これですと、同じページ内に2つのcharsetが混在することになります。 実際には読み込み出来ますし、表示も問題ない(ファイル内に日本語が含まれていた場合、むしろ保存したファイルの形式にあわせて指定しないと文字化けする?)と思うのですが、個人的には混在することがひっかかっています。 この場合、外部JSファイルをShiftJIS・UTF-8N・eucなどでそれぞれ保存して、別ファイルとしてリンクさせた方が良いような気がするのですが、その辺はどうなのでしょうか? charsetが指定出来る以上、混在しても構わないということなのでしょうか? ちょっと要領を得ない質問で申し訳ありませんが、ご回答いただければ幸いです。

  • 外部 jsのロード場所で、スクリプトが利かない。。

    以下の HTML コードのように書くと <p id="info"></p> に外部 js から文字が入ります。 head 内に同じ外部 js を読み込ませると文字が表示しません。 head 内に外部 js を読み込ませて表示させるには、どのようにすれば良いのでしょうか? また、表示しない原因は何でしょうか ? ご回答よろしくお願いいたします。 htmlソース------------ <!DOCTYPE html> <!-- saved from url=(0013)about:internet --> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <div> <p id="info"></p> </div> <script src="./sample.js"></script> </body> </html> sample.js ---------------- switcher(); function switcher () { document.getElementById( 'info' ).innerHTML = "テキスト A"; }

  • 外部ジャバスクリプトファイルを呼び出す時

    外部ジャバスクリプトファイルを呼び出す時、htmlファイルに、 <script language="JavaScript1.1" src="***.js"></script> などと書いているのですが、どうも表示が遅いような気がしています。 この1.1というのはどういう意味なのでしょうか、それから、これは必要なのでしょうか? 宜しくお願いいたします。

  • 文字表示の設定方法について

    このサイトの文字化けについての質問です。 http://www.hempkitchen.jp/ 左メニューに、twitterヴィジェットが表示されていたのですが、先日から表示がされなくなり 原因をリサーチしていた時に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">を <meta http-equiv="Content-Type" content="text/html; charset=utf-8">に変更したら、 twitterヴィジェットは表示されたのですが、 jsで管理しているメニューが文字化けしてしまいました。 下記3つのjsファイルで管理しているメニューです。 <script language="JavaScript" src="hempkitchen.js"></script> <script language="JavaScript" src="js/footer1.js"></script> <script language="JavaScript" src="footer2.js"></script> 一応、cssファイルもチェックしました(@charset "shift_jis";)となっていたので。 こちらのファイルを@charset "utf-8";に変更してみましたが、文字化けしたままでした。 いろいろ調べてみたのですが、困っています。 ご回答、よろしくお願いします。

  • スクリプトエラーについて

    メールフォームをmailformpro2というフリーのものをつかって、自分なりにホームページビルダーでカスタマイズしているのですが、最終的にプレビューしてみるとスクリプトエラーが出てしまいます。 エラーはこのようなものです。 ライン 2 文字  1 エラー 文字が正しくありません。 コード 0 2行目の一文字目ということだと思うのですが、何が原因かわかりません。 それともうひとつ、「お問い合わせ」というタイトルにしているのですが、これも原因がわからないのですが、プレビューをしてみると問い合わせの後に入力していない文字が出て「問い合わせ3.0.0」が表示されます。 これもスクリプトエラーが原因なのでしょうか? 以下が、その部分を含んでいると思われるHTMLです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>お問い合わせ</title> <meta name="revisit_after" content="7 days" /> <meta name="robots" content="ALL" /> <meta http-equiv="pragma" content="no-cache" /> <link rel="index" href="index.html" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="commons/_include_wide.css" type="text/css" /> <meta name="Description" content="お問い合わせ" /> <!--[メールフォームプロ・参照ファイルここから]--> <link rel="stylesheet" href="commons/mailform.css" type="text/css" /> <script type="text/javascript" src="commons/jquery.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script> <script type="text/javascript" src="postcodes/get.cgi?js" charset="UTF-8"></script> <!--[メールフォームプロ・参照ファイルここまで]--> </head> <body> <div id="wrapper"> <div id="header"> <h1 id="title">お問い合わせ <script type="text/javascript" src="commons/mfp.version.js"></script></h1>             <div>お電話でのお問い合せは ***-***-**** (月曜日~金曜日/午前9時~午後6時)までお問い合わせください。</div> </div>

専門家に質問してみよう