<?xml version="1.0" encoding="utf-8"?><!DOCTYPE article  PUBLIC '-//OASIS//DTD DocBook XML V4.4//EN'  'http://www.docbook.org/xml/4.4/docbookx.dtd'><article><articleinfo><title>ブラウザ上で動作させる</title><revhistory><revision><revnumber>2</revnumber><date>2010-02-19 06:34:09</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>1</revnumber><date>2010-02-19 06:29:59</date><authorinitials>masahiko</authorinitials></revision></revhistory></articleinfo><section><title>ブラウザ上で動作させる</title><section><title>RhinoとJavascript</title><para>これまで ECMAscriptの学習のために、Rhinoを使ってきました。 </para><para>代入文、関数の定義、関数の利用、if文、などほとんどの内容は ECMAscriptについてのものでした。 しかし、Rhinoに特有の機能もあります。それは </para><itemizedlist><listitem override="none"><para>load </para></listitem><listitem override="none"><para>print </para></listitem></itemizedlist><para>の２つです。 loadはRhino処理系にファイルからプログラムを読ませるときに使うもので、 printはRhino処理系に何かを表示させるために使いました。 </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E4%B8%8A%E3%81%A7%E5%8B%95%E4%BD%9C%E3%81%95%E3%81%9B%E3%82%8B?action=AttachFile&amp;do=get&amp;target=script1.png"/></imageobject><textobject><phrase>script1.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>Javascriptはブラウザ上でプログラムを動作させるための言語で、代入文、関数の定義、関数の利用、if文、などの基本的な部分は ECMAscriptと同じになっています。 </para><para>ブラウザ画面への表示や画面上の項目を参照する機能など、ブラウザに特化した機能を ECMAscriptに加えたものがjavascriptだと考えると良いでしょう。 </para><!--rule (<hr>) is not applicable to DocBook--></section><section><title>ブラウザ上で動作させる</title><para>ウエブページはHTMLで記述されています。 決められたタグを使って書きhtmlファイルとして保存すれば、ブラウザで表示することができます。（詳しくはウエブデザインの授業で説明されています） </para><para>ページ内でプログラムを使うことで、動的な、変化のあるページを作ることができます。 プログラムはjavascriptで記述し、&lt;script&gt;タグを使って書きます。 </para><para><emphasis role="strong">作成手順</emphasis> </para><para>作成した「おみくじ」プログラムをブラウザ上で動くようにします。 </para><para>（１）次のとおりに入力し、ファイル名は ex14.html として保存してください。 </para><itemizedlist><listitem override="none"><screen><![CDATA[ <html>
 <head>
 <title>プログラミング入門</title>
 </head>
 <body>
 <h3>変更１</h3>
 <script>
 変更２
 </script>
 </body>
 </html>]]></screen></listitem></itemizedlist><para>（２）変更１のところは「○○神社のおみくじ」のように自分の名前を含むタイトルに修正してください。 </para><para>（３）変更2のところに前回書いたプログラムを入れてください。 </para><para>（４）プログラム内の、print を <emphasis role="strong">document.write</emphasis> に書き換えてください。 </para><para>これで完成です。 保存後、ファイルをダブルクリックしてみてください。IEで開かれ実行されます。 </para></section></section></article>