文字、画像の表示

Index  Back  Next
【例1】

　　「hello」という文字を表示するには document オブジェクトの write メソッド
　を使用して、
　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　document.write( "hello" );
　　//-->
　　</SCRIPT>
　とします。
【実行結果】



【例2】

　　また doucument.write はタグの出力も可能です。したがって、以下のように、
　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　document.write( "<FONT SIZE='4' COLOR='#FF0000'>バナー" );
　　document.write( "</FONT><BR><img src='../../img/banner/venom.gif'>" );
　　//-->
　　</SCRIPT>
　とすると、文字の装飾や、画像の表示もできます。
【実行結果】



【例3】

　　下記のプログラムで write と writeln メソッドの機能の違いを示してみたいと
　思います。
　　<PRE>
　　<SCRIPT TYPE="text/JavaScript">
　　<!--
　　var i;
　　for( i = 0 ; i < 3 ; i++ ) {
　　　　document.writeln( "hello" );　　// writeln method
　　}
　　for( i = 0 ; i < 3 ; i++ ) {
　　　　document.write( "hello" );　　　// write method
　　}
　　//-->
　　</SCRIPT>
　　</PRE>
　実行結果とソースを見てもらうと分かると思いますが、縦に 3 つ「hello」が並ん
　で表示されているのが writeln メソッドによる結果で、横に 3 つ「hello」が並
　んで表示された方が write メソッドによるものです。実は writeln メソッドには、
　改行コードがふくまれているのです。しかしながら、HTML の性質上 <PRE> </PRE>
　タグで括らなければその効果はあらわれません。
【実行結果】