ゼロベースのフロントエンドのJavaScriptのクイックスタート

JavaScriptのコードは、直接ページ上の任意の場所に埋め込むことができますが、通常我々は、<HEAD>にJavaScriptコードを考えます:

<HTML>
<HEAD>
<スクリプト>
警告( 'こんにちは、世界');
</スクリプト>
</ HEAD>
<http://www.my516.com>
...
</ BODY>
</ HTML>

。1
2
3
4
5
6
7
8
9
10
11
<SCRIPT> ... </ SCRIPT>は、コードがブラウザに直接実行されるJavaScriptコードを含んでいます。

第二の方法は、単一のJavaScriptコード.jsファイルによって導入され、その後、HTMLドキュメント<スクリプトSRC =「...」> </スクリプト>を置くことです。

<HTML>
<HEAD>
<スクリプトSRC = "/静的/のJS / abc.js"> </ SCRIPT>
</ HEAD>
<BODY>
...
</ BODY>
</ HTML>

。1
2
3
4
5
6
7
8
9
従って、/静的/のJS / abc.jsブラウザが実行されます。

別の.jsファイル内のJavaScriptコードは、保守コードをより助長している、と複数のページには、各.jsファイルの同じコピーを参照することができます。

同じページに複数の.jsファイルを導入することができる、あなたはまたの<script>コード... </ SCRIPT>、複数のページを実行する順序に従ってブラウザをJS書くことができます。

時には、あなたはまた、type属性を設定する<SCRIPT>タグが表示されます:

ます。<script type = "text / javascriptの">
...
</ SCRIPT>

1
2
3
4
が、これはデフォルトのタイプではJavaScriptですので、必要がないので、明示的にJavaScriptにタイプを指定しません。

書くためにどのようにJavaScriptは、
JavaScriptコードを記述するために、任意のテキストエディタを使用することができます。ここでは、次のテキストエディタをお勧めします。

Visual Studioのコード
マイクロソフトは、Visual Studioのコードのうち、自由のためのVisual Studioのミニバージョンとして見ることができます!クロスプラットフォーム!ビルトインのJavaScriptのサポート、それを強くお勧めします!

テキスト崇高
崇高テキストは、使いやすい無料のテキストエディタですが、時折ポップアップしますボックスを登録しません。

++メモ帳
、メモ帳++は無料のテキストエディタですが、Windowsでのみ使用します。

注:後の代わりにプレーンテキストファイルのフォーマットされたテキストを保存しているため、JavaScriptやHTMLを書くためのWordやワードパッドを使用することはできませんし、適切にブラウザを読み込むことができません。また、書かれたノートを提示しないようにしよう、それはBOMヘッドを追加する際にUTF-8形式のテキストで保存スマートにしようとします。

JavaScriptを実行するためにどのように
JavaScriptを実行するには、ブラウザを作るために、あなたが最初のHTMLページ、HTMLページ内のJavaScriptの導入を持っている必要があり、その後、ブラウザがHTMLページをロードしてみましょう、あなたは、JavaScriptコードを実行することができます。

あなたはまだ結果を見ることができないし、ブラウザを開いて、私のハードドライブに直接良いHTMLとJavaScriptファイルを作成したいのでしょうか?

HTTP、その後、//ネットワーキングで始まるアドレスが最後にJavaScriptコードとして実行することはできません、あなたはまだWebサーバーをセットアップする必要があります:この方法でファイルにいくつかのJavaScriptコードは問題ありませんが、理由はセキュリティ上の制限のブラウザを実行します//すべての通常のJavaScriptコードを実行するために開始アドレス。

しかし、学習の初期段階で、開発環境を構築する方法の問題を気にしない、我々は入力のJavaScriptコードを提供し、JavaScriptを学習に集中することができますページ機能で直接実行されます。

次のJavaScriptコードを実行するには、「ファイル名を指定して実行」ボタンをクリックしてみてください。

ダブルスラッシュ//で始まる行の最後にコメントされるまで、コメントはポスターで、ブラウザによって無視される
/ *コメントの真ん中にあり、ブラウザ* /によって無視されます
//最初のJavaScriptコード:
1
2
3
ブラウザは「こんにちは、世界を」表示するダイアログボックスがポップアップ表示されます。また、2つの引用符の真ん中の内容を変更して、実行しようとすることができます。

デバッグ
JavaScriptを書くとき格言行くと、「私たちが最初にその利益のなければならない。」、所望の表示ABCあれば、結果は、XYZ、最後のコードどこに問題が示されていますか?クレイジーではないですか、白と、信じるように、落胆することはありません:JavaScriptの自体は問題ありません、何の問題ブラウザの実行は、特定の問題は私のコードではありません。

どのように問題のコードを見つけるには?これはデバッグが必要です。

ブラウザでデバッグのJavaScriptコードをどのように行いますか?

まず、あなたがGoogle Chromeブラウザをインストールする必要があり、Chromeブラウザの開発者は、簡単にJavaScriptコードをデバッグすることができ、非常に友好的です。ここからChromeブラウザをダウンロードしてください。子供用の靴のページを開き、国内の問題ミラーの上に移動してください。

「開発者(Developer)」 - - 「開発ツール(開発ツール)」、ブラウザウィンドウはつまり、開発者の下に、二つに分割されますインストールが完了したら、ちょうど「ビュー(ビュー)」メニューをクリックし、Webページを開きますツール:

 

「コンソール(コンソール)」をクリックして、JavaScriptコードを入力し、Enterキーを押します実行し、パネルに直接入力することができます。

コンソール内の変数、入力にconsole.log(A)の内容を表示するために、コンテンツの値は、変数の輸送後に表示されます。

コンソールを閉じて、「×」ボタンの右上隅をクリックしてください。JavaScriptコードを書くとき、多くの場合、コンソールの実行中にコードをテストする必要があり、コンソールのマスターを使用してください。

あなた自身が高い要件がある場合は、開発者向けツールのソース(ソース)」、マスターのブレークポイント、シングルステップおよびその他の高度なデバッグ手法を研究することができます。
--------------------- 

おすすめ

転載: www.cnblogs.com/hyhy904/p/10983057.html