JavaScript - JavaScript概要

■ページ目次

JavaScriptの基本
JavaScriptの基本文法
文
コメント
文字列の表示
スクリプトのデバッグ・オプション
例題
実習

■JavaScriptの基本


 <!DOCTYPE>
 <html>
 　<head>
 　　　:
 　  <script type="text/javascript">^(*)　...　ブラウザーに表示しない部分
 　　　　:
   　</script>
 　</head>
 　<body>
 　  <script type="text/javascript">^(*)　...　ブラウザーに表示する部分
 　　　　:
   　</script>
 　　　:
 　</body>

 </html>

   (*) <script language="JavaScript"> は、HTML3 以前の書き方です。

外部のJavaScriptファイルを指定する書式


 <script type="text/javascript" src="uri"></script>

 外部のJavaScriptファイルには、拡張子".js"をつけます。

ブラウザーのJavaScriptが無効になっている場合のメッセージ


 <noscript>
      JavaScriptが無効の場合のメッセージ
 </noscript>

Top

■JavaScriptの基本文法

■文

文はセミコロン(;)で区切ります。

■コメント

コメントは、つぎのいずれかです。
- 単一行コメント "//" 以降がコメントになります。
- 複数行コメント "/*" と "*/" で囲まれた部分がコメントになります。

■文字列の表示

ブラウザー上に表示
```
 document.write("文字列");
```
警告メッセージとして表示
```
 alert("文字列");
```

Top

■スクリプトのデバッグ・オプション

IEのブラウザー上に表示

 [ツール] - [インターネット オプション] - [詳細設定]タグ で、

        [スクリプトエラーごとに通知を表示する] にチェックする
        [スクリプトのデバッグを使用しない] のチェックを外す

図　スクリプトのデバッグ・オプション

Top

■例題

文字列 "Hello World!" をJavaScriptを使って表示するHTMLファイル "HelloWorld01.html"です。


 <!-- HelloWorld01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     document.write("Hello World!");
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■実習

例題のHTMLファイル "HelloWorld01.html"を改良して、何行かのメッセージを表示してください。("HelloWorld11.html")


 <!-- HelloWorld11.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     
     // ここにコードを記述してください。
     
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

例題のHTMLファイル"HelloWorld01.html"を、警告メッセージを表示を表示するようにしてください。("HelloWorld21.html")


 <!-- HelloWorld21.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     
     // ここにコードを記述してください。
     
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top