JavaScript入出力

2624 ワード

JavaScript プログラミングブラウザスクリプト Go

1.JavaScript情報の入力
window.prompt(「提示状」、入力予定情報)

この方法はまずブラウザウィンドウでダイアログを開き、ユーザーが自分で情報を入力するようにします.入力が完了すると、ユーザが入力した情報の値を返します.
実はpromptはウィンドウオブジェクトの一つの方法です.デフォルトの場合はwindowオブジェクトを使うので、windowsオブジェクトは省略して書かなくてもいいです.

2.出力表示
1).document.write()方法とdocument.writeln()方法

DcumentはJavaScriptのオブジェクトの中に多くの有用な方法を実装しています.ここで、write()とwriteln()はテキスト情報をブラウザウィンドウに直接出力する方法です.document.write()Dcument.writeln()説明:write()とwriteln()の方法はすべてブラウザウィンドウにテキストの文字列を出力するためです.二つの唯一の違いはwriteln()方法が自動的にテキストの後にエンタートを入れることです.
2)window.alert()出力
JavaScriptでは情報出力を容易にするために、JavaScriptは独自のダイアログ情報出力ーalert()方法を提供しています.alert()メソッドはwindowオブジェクトの一つの方法ですので、使う時はwindowウィンドウのオブジェクト名を書く必要はなく、そのまま使ってもいいです.主な用途は、出力時に警告メッセージやヒントをユーザに提供し、ユーザーが「確定」ボタンを押すと、他のスクリプトプログラムを継続して実行することができます.
3)入出力方法を利用して相互作用を実現する.
JavaScriptでは、prompt()方法とwrite()方法を利用してWebページユーザとの相互作用を実現することができる.例は次のように相互作用の実現に関する例である.

<html>
    <head>
        <title>  JS</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">

             document.write("<h1>       :");

            var b = window.prompt("name:");
            
            document.write(b+"</h1>");


           
        </script>
    </head>

    <body>
    

    </body>
</html>

上記のプログラムからは、write()とprompt()の方法で相互作用が可能であることが分かります.JavaScriptスクリプト言語ではHTMLマーク言語のコードが使用できます.ハイブリッドプログラミングを実現します.

3.パラダイム
下記のプログラムはホームページに入るまでの時間を示しています.

<html>
<form name="myform">
<td vAlign="top" width="135">      ：
<input name="clock" size="8" value="    "></td>
</form>
<script language="JavaScript">
var id, iM = 0, iS = 1;
start = new Date();
function go()
{
now = new Date();
time = (now.getTime() - start.getTime()) / 1000;
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS < 10)
document.myform.clock.value = " " + iM + "   0" + iS + "  ";
else
document.myform.clock.value = " " + iM + "   " + iS + "  ";
id = setTimeout( "go()", 1000);
}
go();
</script>
</body>
</html>

javascriptのFunction.prototye.bind