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

このQ&Aのポイント
  • 外部jsからdocument.writeを使用してテンプレートの全体を更新する方法を探しています。
  • フォントタグを取り除くと目標のようになりますが、文字サイズの指定方法が必要です。
  • 外部CSSでの指定は難しいため、<font size='3'>の代わりになる方法を知りたいです。
回答を見る
  • ベストアンサー

外部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>" ----- よろしくお願いいたします

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

  • ベストアンサー
  • is_may
  • ベストアンサー率65% (58/89)
回答No.1

title =" <h1>タイトル</h1>" +" <p></p>" +" <h2><font size="3">サブタイトル</font></h2>" 「<font size="3">」の部分は <font size=\"3\">または <font size='3'> じゃないと動かないと思うのですが、それが原因ではないですよね・・?

medalgame
質問者

お礼

遅くなりました。 教えていただいたタグで目標通りになりました。 htmlでの指定が基本的に"?"での指定しか分からなかったのですが '?' \"?\" でも可能だというということを知りませんでした。 ありがとうございました。

関連するQ&A

  • 『外部JSファイル』を呼び出しても思った動作しない

    下記内容の『外部JSファイル』を呼び出しているのですが 広告が表示されません。 下記内容に不備ありましたら、ご指摘お願いいたします。 document.write("<div align='center'>") document.write("<p>") document.write("<script type='text/javascript'><!--") document.write("google_ad_client = 'hogehogeID';") document.write("/* 200*200 */") document.write("google_ad_slot = 'slotnumber';") document.write("google_ad_width = 200;") document.write("google_ad_height = 200;") document.write("//-->") document.write("</script>") document.write("<script type='text/javascript'") document.write("src='http://pagead2.googlesyndication.com/pagead/show …") document.write("</script>") document.write("</p>") document.write("</div>") 広告が出ないというか、google_ad_widthとgoogle_ad_heightの値が渡っていないようです。 よろしくお願いいたします。

  • document.writeの文字列が実行されるタイミング

    javascriptで<script>タグの表示をdocument.writeで行ったところ、 直後に、<script>ソースの関数呼び出しでリンク切れになったのですが、 なぜでしょうか。 document.writeの文字列が実行されるタイミングっていつなんでしょうか。 <script> document.write('<script type="text/javascript" src="hoge.js"></script>'); hoge(); </script> ※hoge()はhoge.js内で定義されています。

  • document.writeの書き方

    document.write("<div class='sponsors'><p><a href=\"" + banner[rndindex[i]].url + "\" target='_blank'><span class='guard'><script type='text/javascript' src='http://abc.com/js/abc.js'></script></span><img src=\"" + banner[rndindex[i]].src + "\"></a></p><p> " + banner[rndindex[i]].text + "</p></div>"); この中の <script type='text/javascript' src='http://abc.com/js/abc.js'></script> ですが、記述の仕方は合っていますでしょうか?FLASHを呼び出したいのですが、これを入れるとレイアウトが崩れてしまいます。 どうぞよろしくお願いいたします。

  • Javascriptの中に外部jsファイルを呼び出したい。

    入力フォームで都道府県などのたくさん項目がある プルダウンメニューやセレクトボックスを外部化し jsの中には document.write('<option value="1">北海道</option>'); document.write('<option value="2">青森</option>'); document.write('<option value="3">岩手</option>'); document.write('<option value="4">宮城</option>'); などとし、ファイル名は「todou.js」としました。 セレクトボックスの外部ファイルは document.write('<option value="1">インターネット</option>'); document.write('<option value="2">テレビ</option>'); document.write('<option value="3">新聞</option>'); などとし、外部ファイルは「kikkake.js」としました。 htmlのところには <tr><td>都道府県:</td> <td><select> <script src="select1.js"type="text/javascript"> </script> などとし、載せることはできました。 しかし、最後に送信ボタンを押した時に 確認するためにアラートで選択したものを出したい時に どうやって呼び出したらよいのでしょうか? 色々調べてみたらまず <script language="JavaScript" src"todou.js"></script> とすると書いてありました。 しかし複数の外部ファイルを呼び出すためにはどうしたら よいのでしょうか? あとアラートで確認するために function Check(){ var myTodou = document.myForm.src"todou.js".value; alert('都道府県:' + myTodou); とするのでしょうか? 不備部分がありましたらご指摘ください。 どうかよろしくお願いします。

  • *.jsをHTMLで読み込んでHTMLに書かれたスクリプトを外部スクリプトで処理したいんですが。。

    JAVAスクリプトを外部ファイルに下記の様に書き出して外部ファイルをHTMLファイルに読み込んで、 読み込んだHTMLに書かれたスクリプトを外部ファイルで処理したいんですが 上手くいきません。読み込みの方法とか記述方法について教えてもらいたいのですが、よろしくお願いします。 [load.js] var win1; function openwin(){ win1 =window.top.frames[3]; } function loading_mes(message){ if(win1.closed==true){ openwin(); } win1.focus(); win1.document.open("text/html"); win1.document.write("<HTML><BODY bgcolor=\"#000000\" text=\"#ffffff\">"); win1.document.write("<p style='margin-top: -10'>"); win1.document.write("<H3>" + message + "</H3>"); win1.document.write("</p>"); win1.document.write("</BODY></HTML>"); win1.document.close(); } openwin(); loading_mes("load stert"); [HTMLでの処理したい事] <BODY onLoad="setTimeout('win1.close()',1000)"></BODY> <script type="text/javascript"> loading_mes("■■■■■■"); </script> <script type="text/javascript"> loading_mes("Loading Done"); </script> です。よろしくお願いします。どん詰まり状態で手も足も出ません(^^;

  • 外部 .js で

    index.html 内の head タグ間に <script type="text/javascript" src="./js/test2.js"></script> また、index.html と同階層にある js ディレクトリの内の test2.js の内容は document.write("test") だけです。 この条件で(というのは、最終的に別にテキストを出したいだけというわけではないので)、body の任意の場所に test を表示 [記述] させる方法を教えてください。 body の適当な場所に <script type="text/javascript"></script> と書いても、何も現れません(ソースで確かめています)。根本的におかしいのかもしれませんが、わかりません。 必ず、これら条件でお願いします。

  • jQuery.jsを使ったhtml外部読み込み

    教えてください。 現在Jqueryを使用して外部htmlを読み込ませようとしていますが、 うまくいきません・・・ ■本体html <head> <script src="js/jquery-1.8.3.min.js"></script> </head> <body> <script type="text/javascript" src="sample.js"></scrip> <div id="sample"></div> </body> ■sample.js // JavaScript Document $(function(){ $("#sample").load("sample.html"); }); ■読み込ませるsample.html 特に設定なし このような感じですが、全然読み込めません。。。 javascriptを外部リンクにしているのは、読み込むhtmlが複数ある為、 headの見栄えが悪くなるからという個人的な意見です・・・ 済みませんがお知恵をお貸しください!!

  • document.writeについて

    document.writeについて document.writeのテキストで文字を表示するじゃんけんゲームを作っています。 文字をグーを表示させると全画面がきえてしまいます。 消えない様にその場所のみ替えるようするには、どうしたらよいでしょうか? また、document.writeで一旦表示されたらものをそこだけ消す 表示方法なども教えて下さい。 <script language="JavaScript"> <!-- function msg() { document.write("グー!"); } function msg2() { document.write("<br>チョキ!"); } function msg3() { document.write("<br>パー!"); } //--> </script> </head> <body> <br><br><br><br><br><br> <p onMouseup="msg()">グー</p><p onMouseup="msg2()">チョキ</p><p onMouseup="msg3()">パー</p> </body>

  • <head>外での、外部css、外部jsの読み込み

    基本的な質問で失礼します。 <head>内ではなく、たとえば<body>内に外部cssと外部jsを読み込む際、 今まで、以下のようにスクリプトを書いて読み込んでおり、うまくいっていました。 <script type="text/javascript"> document.write('<link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print">'); document.write('<script src="hoge.js" type="text/javascript"></script>'); </script> ところが、あるサイト作成時、上記スクリプトでは効かなくなってしまいました。 (HTML 4.01 Transitional) そこで、<head>内で書くように、以下のように記述したら、うまく機能しました。 <link rel="stylesheet" type="text/css" href="hoge.css" media="screen,print"> <script type="text/javascript" src="hoge.js"></script> 自分の中では、この記述は<head>内で書くときであって、<head>外ではうまく読み込めないと思っていたのです。 そもそも、<head>外なのに、このような書き方をしてよいものでしょうか? まぁ、きちんと読み込めていて、動きも期待通りだから良いのでしょうが… 皆さん、どのように読み込んでいるのかなっと思い質問してみました。 どうぞ宜しくお願いいたします。

  • Bloggerのガジェットにdocument.write("<script~したい

    こんにちは。googleのBloggerを使っています。 このフォームに書き込む為、便宜上、<>を全角で入力しています。 <script src="hoge001.js"></script>のようなガジェットをBloggerのカスタマイズから「ガジェットの追加」ー「HTML/Javascript」を選んで設定しようとしています。 ここでhoge001.jsの001が機能によって違うため、ここをランダムに切り替えて使うべく、document.write()を使って001部分を可変にしようとしているのですが、そもそもこのBloggerのガジェットエディタで(1)のようにdocumnt.write()化したコードが正しく保存されません。保存した結果をブラウザで表示させて展開されたソースコードも、ガジェットの編集で再度エディタを開いても、(2)のコードになります。 (1)ガジェットのエディタで最初に入力したコード: <script type="text/javascript"> document.write( "<script type=\"text/javascript\" src=\"http://hogehoge.com/jslib/hoge001.js\"></script>" ) ; </script> (2)保存後再度編集で開いたコード、およびブラウザで見たソース: <script type="text/javascript"> document.write( "<script src="\" text/javascript\ http://hogehoge.com/jslib/hoge001.js\ type="\"></script>" ) ; どうにかうまくやる方法はないものでしょうか。 よろしくお願いします。 尚、hoge001.js自体の動作に問題はありません。