Archive for 2月 4th, 2012

  1. Hello, JavaScript World!

    Posted on 2月 4th, 2012 by cx20

    JavaScript

    JavaScript は主に Web ブラウザ等のクライアントサイドで実行されるプロトタイプベースのオブジェクト指向言語である。
    Web ブラウザに搭載されている JavaScript エンジンの種類としては以下のようなものがある。

    ブラウザ JavaScript エンジン
    Internet Explorer Chakra
    Firefox SpiderMonkey
    Chrome V8
    Safari KJS
    Opera Carakan

    ソースコード(HTML のケース)

    <html>
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <script type="text/javascript">
        <!--
          document.write("<p>Hello, JavaScript World!</p>");
        //-->
        </script>
      </body>
    </html>

    ソースコード(HTML で DOM を使用したケース)

    <html>
      <head>
        <title>Hello, World!</title>
        <script type="text/javascript">
        <!--
          window.onload = function() {
            var elem = document.getElementById("hello");
            elem.innerHTML = "<p>Hello, JavaScript World!</p>";
          };
        //-->
        </script>
      </head>
      <body>
        <div id="hello"></div>
      </body>
    </html>

    ソースコード(XHTML のケース)

    XHTML の場合は、JavaScript は外部ファイルとして指定することが推奨されている。同一ファイル内に記述したい場合は、CDATA セクションの間に記述する必要がある。

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <script type="text/javascript">
        //<![CDATA[
          document.write("<p>Hello, JavaScript World!</p>");
        //]]>
        </script>
      </body>
    </html>

    実行方法

    1. Web サーバーの公開フォルダへ配置
    2. ブラウザで表示
       http://localhost/doc/hello.html

    実行結果

    Hello, JavaScript World!