ログウィンドウ上に文字や値を表示するにはYAHOO.log()を使います。最初のパラメータに表示したい文字列や値を指定します。2番目のパラメータには表示する内容の種類を指定できます。これは以下のものが指定できます。

YAHOO.log()のパラメータ

info 一般情報
warn 注意/警告
error エラー
time 時刻
window ウィンドウ

YAHOO.log()は、3番目のパラメータも指定できます。変数名やファイル名など、詳細な情報を追加して表示する場合に使います。サンプル02では種類と詳細情報を組み合わせて表示しています。

サンプル02の実行結果

サンプル02

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>YUIロガーサンプル</title>
        <link rel="stylesheet" type="text/css" href="css/logger.css"> 
        <script type="text/javascript" src="js/yahoo-dom-event.js"></script> 
        <script type="text/javascript" src="js/dragdrop.js"></script> 
        <script type="text/javascript" src="js/logger.js"></script> 
        <script type="text/javascript"><!--
            window.onload = function() {
                new YAHOO.widget.LogReader();
                YAHOO.log("メッセージを表示できます", "info");
                YAHOO.log("ちょっと危険な処理", "warn", "main.js");
                YAHOO.log("サブウィンドウへ", "window", "subWin");
                YAHOO.log("変数が未定義", "error", "ohmz");
            }
        // --></script>
    </head>
    <body>
    <h1>YUIロガーサンプル(種類を指定)</h1>
    </body>
</html>