K.U.WebDesign

ウェブデザイナーを目指す高校生のブログ


スポンサーサイト

--------(--) --:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

JavaScriptをためす。スタイルシートを変える編

2008-04-05(Sat) 15:49

これを作っている最中に知りました。
JavaScriptのなかに「</」こんな文字が入ってるとJavaScriptがちゃんと動作しないんですね。
だから、外部から読み込むのか。

と、思っていました。途中まで。
しかし、知ってしまいました。「/」とか「"」を「\/」みたいに書けば、ちゃんと動いてくれました。そういや、前にCGIいじったときにもこんなもあったなあ。

ソースは追記に。

scriptタグの中にJavaScriptを書く正しい方法 - d.aql

<script type="text/javascript">
<!--
//JavaScriptをためす。function編
function smp_func() {
smp_func=window.self;
smp_func.document.open();
smp_func.document.writeln("<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\">");
smp_func.document.writeln("<html lang=\"ja\">");
smp_func.document.writeln("<head>");
smp_func.document.writeln("<meta http-equiv=\"Content-type\" content=\"text\/html; charset=Shift_JIS\">");
smp_func.document.writeln("<meta http-equiv=\"Content-Script-Type\" content=\"text\/javascript\">");
smp_func.document.writeln("<title>「JavaScriptをためす。スタイルシートを変える編」のサンプルページ<\/title>");
smp_func.document.writeln("<\/head>");
smp_func.document.writeln("<body>");
smp_func.document.writeln("<h1>「JavaScriptをためす。スタイルシートを変える編」のサンプルページ<\/h1>");
smp_func.document.writeln("<h2>スタイルシートを変えてみる");
smp_func.document.writeln("<script type=\"text\/javascript\">");
smp_func.document.writeln("<!--");
smp_func.document.writeln("function style_white() {");
smp_func.document.writeln(" document.bgColor = \"#ffffff\";");
smp_func.document.writeln(" document.fgColor = \"#000000\";");
smp_func.document.writeln("}");
smp_func.document.writeln("function style_blue(){");
smp_func.document.writeln(" document.bgColor = \"#0099cc\";");
smp_func.document.writeln(" document.fgColor = \"#edefdc\";");
smp_func.document.writeln("}");
smp_func.document.writeln("function style_red(){");
smp_func.document.writeln(" document.bgColor = \"#cc0000\";");
smp_func.document.writeln(" document.fgColor = \"#edefdc\";");
smp_func.document.writeln("}");
smp_func.document.writeln("function style_green(){");
smp_func.document.writeln(" document.bgColor = \"#99cc00\";");
smp_func.document.writeln(" document.fgColor = \"#edefdc\";");
smp_func.document.writeln("}");
smp_func.document.writeln("\/\/-->");
smp_func.document.writeln("<\/script>");
smp_func.document.writeln("<p><input type=\"button\" value=\"デフォルト\" onClick=\"style_white()\"/>");
smp_func.document.writeln("<input type=\"button\" value=\"ブルー\" onClick=\"style_blue()\">");
smp_func.document.writeln("<input type=\"button\" value=\"レッド\" onClick=\"style_red()\">");
smp_func.document.writeln("<input type=\"button\" value=\"グリーン\" onClick=\"style_green()\"><\/p>");
smp_func.document.writeln("テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。
テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。テキスト。");
smp_func.document.writeln("<\/body>");
smp_func.document.writeln("<\/html>");
smp_func.document.close();
}
//-->
</script>
<p><input type="button" value="サンプルをみる" onClick="smp_func()" /></p>
スポンサーサイト


Admin
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。