ホームページ ウェブフロントエンド jsチュートリアル Javascriptを始めるための基礎学習_基礎知識

Javascriptを始めるための基礎学習_基礎知識

May 16, 2016 pm 06:32 PM
javascript 入門の基本

1. JavaScript の概要:
JavaScript を学ぶ前に、まず理解する必要があることがいくつかあります:
HTML
XHTML
これらは必要ないと思います。あまり深くは説明しませんが、一般的な理解だけで十分です。
JavaScript は次のとおりです。
JavaScript は、HTML ページにインタラクティブな動作を追加するように設計されています。
JavaScript はスクリプト言語です。
JavaScript は、数行の実行可能なコンピューター コードで構成されています。
JavaScript は HTML ページに直接埋め込まれることがよくあります。
JavaScript はインタープリタ言語です。
誰もがライセンスを購入せずに JavaScript を使用できます。
これらはいくつかの本での JavaScript の定義です。知っておくだけで十分です。
2. JavaScript の簡単な実装例:
[html]


これを行う場合、これが JavaScript コードであることをブラウザーに伝えるために、最初と最後に JavaScript タグを追加する必要があります。
たとえば、上記の例はページに表示されます:
これは JavaScript です。
例にコードの赤い部分がない場合は、次のように表示されます:
document.write (「これは JavaScript です。」)
以前は、古いブラウザが JavaScript をサポートしていなかったとき、ブラウザが JavaScript コードをテキストとして出力しないようにするために、コードを次のように記述できました:



コードをコピーします コードは次のとおりです。
< ;!--
document.write("Hello World!");
//-->



JavaScript をサポートしていない場合は内部のコードが自動的にスキップされ、JavaScript をサポートしているブラウザーでは内部のコードが自動的にスキップされ、内部のコードが実行されます。
通常の状況では、JavaScript コードをできる限り分離して外部ファイルに作成するよう努めます。これにより、第一に、ページ コードの混乱が軽減され、第二に、異なるページで JavaScript コードを再利用するときに繰り返し記述されることが回避されます。 。

.js ファイルは通常、メンテナンスを容易にし、コードの可読性を高めるために Web サイトのサブディレクトリに配置されます。

3. JavaScript ステートメントとコメント

JavaScript ステートメントは、「;」の有無にかかわらず記述できます。「;」を含むものは 1 行で記述できます。同じ行に複数のステートメントを記述することができます。

コードをコピー コードは次のとおりです:


この簡単な例からわかるように、HTML ステートメントは JavaScript 出力ステートメントに埋め込むことができます。いくつかの複雑な例を作成してみることができます。
4. 基本的な JavaScript 構文

1. 変数 var x;var x=1;var x="Hello" を宣言します。 。 。 。 var だけで、非常にシンプルです。 2. 演算子
これは他の言語と非常に似ており、特に言うことはありません。オンラインでテーブルを見つけて、自分の目で確認してください。
演算子の説明
加算
- 減算
* 乗算
/ 除算
% 剰余の検索
累積
-- 減分
演算子の例は = x=y
= x =y x=x y
-= x-=y x=x-y
*= x*=y x=x*y
/= x/=y x= x/ y
%= x%=y x=x%y
興味深いのは、2 つの文字列を追加すると、出力は 2 つの文字列を連結した結果になるということです。
3.if、switch、for、while
これらは非常に簡単ですので、例を見てください。




コードをコピー
コードは次のとおりです:





コードをコピーケース 1:
コード ブロック 1 を実行
ブレーク
ケース 2:
コード ブロック 2 を実行します
break
デフォルト:
n が 1 でも 2 でもない場合、このコードを実行します
}





コードをコピー
コードは次のとおりです:

for (i=0;i<=10;i )
{
document.write("その番号は " i)
document.write("
}

コードをコピー コードは次のとおりです:

var i=0
do{
document.write("数字は " i)
document.write("
")
i
}while (i < ;= 10)

コードをコピー コードは次のとおりです:

var i =0
while (i {
document.write("数字は " i)
document.write("
" )
i
}

コードをコピー コードは次のとおりです:

for (オブジェクト内の変数)//配列の走査によく使用されます
{
ここでコードを実行します
}

これらは最も基本的なものです。次回は、JavaScript で最も一般的なものについて説明します。インシデントを書き出します。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

See all articles