最初のプログラム
HTMLページのJavaScriptスクリプト内での<script>タグを必要と組み込み、ユーザが直接のJavaScriptの<script>タグを書くことができ、具体的な手順は次の通りです。
ステップ1、新しいHTML文書は、test.htmlというとして保存します。
ステップ2は、<HEAD>タグ内の<script>タグを挿入します。
ステップ3は、ラベルは、<スクリプト>に設定されている
type="text/javascript"
プロパティ。あなたはtype属性を省略することができるように最近のブラウザのデフォルトの<script>タグのスクリプトタイプは、JavaScriptのであり、ブラウザの以前のバージョンを持つアカウントの互換性を考慮すれば、あなたはtype属性を設定する必要があります。
ステップ4、<SCRIPT>タグのJavaScriptコードを入力します。のdocument.writeを( "!<H1>こんにちは、JavaScriptの</ H1>");
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个JavaScript程序</title> <script type="text/javascript"> document.write("<h1>Hi,JavaScript!</h1>"); </script> </head> <body></body> </html>
新しいJavaScriptファイル
JavaScriptプログラムは、HTMLドキュメントに直接配置することができないだけで、JavaScriptファイルを配置することができます。
JavaScriptファイルは、拡張子を持つテキストファイルで
.js
、編集する任意のテキストエディタを使用します。新しいJavaScriptファイルを作成するには、次のようです。ステップ1、新しいテキストファイル、test.js.として保存 注拡張その
.js
テキストファイルは、JavaScriptファイルの種類であることを示しています。ステップ2は、内オープンtest.jsファイルには、次のJavaScriptコードを記述します。
alert("Hi,JavaScript!");
上記のコードでは、Windowオブジェクトの警告()表現、プロンプトダイアログボックスをポップアップ表示するメソッドを呼び出すことが表示パラメータ文字列「こんにちは、JavaScriptの!」。
JavaScriptファイルの保存ステップ3。この提案ではJavaScriptファイルとWebファイルと同じディレクトリにあります。
JavaScriptファイルは、ブラウザで実行される、Webページにインポートする必要があり、独立して実行することはできません。使い方の<script>タグは、JavaScriptファイルを導入することができます。
ステップ4、新しいHTML文書は、test.htmlというとして保存します。
ステップ5は、<HEAD>タグ内の<script>タグに挿入されます。外部のJavaScriptファイルのURL文字列に属性セットポイントのSRC属性値の定義。コードは以下の通りであります:
<script type="text/javascript" src="test.js"></script>
ステップ6ページの文書を保存し、ブラウザが「こんにちは、JavaScriptの!」ポップアップ表示されます
src属性定義された<スクリプト>タグは、JavaScriptコードを含むべきではありません。
あなたは、コードが唯一の外部JavaScriptファイルをダウンロードして実行します埋め込む場合、埋め込みコードは無視されます。
JavaScriptプログラムの実行
ブラウザ底流の解析と表示に上からラインによる原稿ラインに応じて、HTML文書を解析します。
JavaScriptコードはJavaScriptスクリプトは、<スクリプト>タグが位置によって決定されるの順序に従って実行されるように、また、HTML文書の一部です。
例
以下の例をテストするには、ブラウザを使用して、あなたは上から下にJavaScriptコードのプロセスが徐々に解消されているが表示されます。
<!DOCTYPE html> <script> alert("顶部脚本"); </script> <html> <head> <meta charset="UTF-8"> <title>test</title> <script> alert("头部脚本"); </script> </head> <body> <h1>网页标题</h1> <script> alert("页面脚本"); </script> <p>正文内容</p> </body> <script> alert("底部脚本"); </script> </html>