WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:JavaスクリプトでHTML言語の出力の仕方

0:[投稿] Ces [2004/03/09 12:02 ][環境:わからない わからない]

document.writelnを使ってHTMLを書きたいんですけど、
document.writeln( "<br>" );
上の様に" "で囲めば使えると載ってたんですけどうまく使えない時があるんですけどどうしてでしょうか?
たとえば
<img name="sample" src="gazou.gif" width="240" height="240">
をdocument.writelnを使って書くとしたら

document.writeln( "<img name="sample" src="gazou.gif" width ="240" height="240">" );

であってるんでしょうか?

参考書とか見るとname="sample"とかの括弧で囲んである所に
「,」をつけてname=",sample,"とかなってる時もあるみたいなんですけど「,」は何の為に書く必要があるんでしょうか?


1:[回答] バギンズ [2004/03/09 12:12 ]

「'」で囲えば問題ないです。

document.writeln( '<img name="sample" src="gazou.gif" width ="240" height="240">' );


2:[質問] Ces [2004/03/09 12:34 ]

回答ありがとうございます
バギンズさんの指摘通りやってみたらできました。
ありがとうございます

最初の質問の時に一緒に書いてしまったんですけど「,」の使い方がよくわかりません。
自分が持ってる参考書では

document.writeln( "<body text=", fcolor, " bgColor=", bcolor, " link=", lcolor, " >" );

の様に書いてある所があるんですけど、
このtext=", fcolor, "の所の「,」はどういう時に付ければいいんでしょうか?
付けないと動かないみたいなので付ける必要があるとは思うんですけど・・・もしわかる様でしたら教えてもらえると助かります。


3:[回答] 平野 敬 [MAIL] [URL] [2004/03/09 12:59 ]

カンマ演算子は通常,複数の式をまとめて記述するのに使います。が,この場合のカンマは引数の区切りとしてのカンマです。

>document.writeln( "<body text=", fcolor, " bgColor=", bcolor, " link=", lcolor, " >" );

document.writeln()は与えられた引数を画面に書き出す関数です。上の例では,カンマで区切ることによって複数の引数が指定されているのですが,全て順番に書き出されます。この式は,以下のように展開できます。

document.writeln('<body text=');
document.writeln(fcolor);
document.writeln(' bgColor=');
document.writeln(bcolor);
document.writeln(' link=');
document.writeln(lcolor);
document.writeln('>');


4:[完了] Ces [2004/03/09 13:24 ]

平野 敬さんありがとうござます
助かりました。また分からない事があった時はよろしくお願いします


5:[完了] … [2004/03/09 13:31 ]

>>3
違うと思います。そのように展開されるとすると,
文字列を出力した後に改行コードが挿入される筈ですが,
実際は単に文字列が連続して出力されるだけです。

<pre>
<script type="text/javascript">
<!--
var fcolor = 'black';
var bcolor = 'white';
var lcolor = 'blue';
document.writeln("&lt;body text=", fcolor, " bgColor=", bcolor, " link=", lcolor, "&gt;");
document.writeln('&lt;body text=');
document.writeln(fcolor);
document.writeln(' bgColor=');
document.writeln(bcolor);
document.writeln(' link=');
document.writeln(lcolor);
document.writeln('&gt;');
//-->
</script>
</pre>


6:[完了] 平野 敬 [MAIL] [URL] [2004/03/09 14:45 ]

>>5
ご指摘ありがとうございます。writelnの"ln"を失念していました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World