JavaScriptは説明的な言語ですが、学ぶのは難しくありません。あなたがそれを注意深く勉強する限り、あなたは間違いなくそれをよく学ぶでしょう。この記事を読んだとき、HTMLを学んだに違いないと思います。 JavaScriptを使用して、Webページとのやり取りを改善します。トピックにアクセスしましょう。
1。JavaScript
1. JavaScriptとは
JavaScriptは説明的な言語であり、オブジェクトとイベントドライブ（イベント駆動型）に基づいたスクリプト言語でもあります。
2。JavaScriptの特性
JavaScriptは、主にHTMLページにインタラクティブな動作を追加するために使用されます。
JavaScriptは、Javaと同様の構文を持つスクリプト言語です。
JavaScriptは通常、クライアントスクリプトを作成するために使用されます。
JavaScriptは解釈言語です。
3。JavaScriptの構成
ECMScript標準（すべての属性、メソッド、およびオブジェクトを指定する標準）
BOMブラウザオブジェクトモデル：HTMLと対話します
DOMドキュメントオブジェクトモデル：HTMLドキュメントにアクセスして操作します
4.基本的なJavaScript構造
<スクリプト言語=” javascript” type =” text/javascript”> </script> language =” javascript”は、使用される言語がjavascriptであることを示すために使用されます
5.JavaScript実行原則
1.ブラウザクライアントは、サーバーにリクエストを送信します。 （ブラウザアドレスバーにユーザーが入力したアドレス）
2。データ処理：サーバー側は、JavaScriptを含むページを処理します。
3.応答の送信：サーバーはページをブラウザクライアントに送信してJavaScriptを含むHTMLファイルを処理し、ブラウザクライアントはHTMLタグとJavaScriptタグを上から下に解析し、ページ効果をユーザーに提示します。
二。 JavaScriptをWebページに紹介する方法
1。<script>タグを使用します。
2。外部JavaScriptファイルを使用します。
同じ効果を達成するために複数のページでJavaScriptを実行したいと考えています。通常、外部ファイルを持つファイルを.jsとして使用します。
.jsを備えたファイルを拡張機能として参照する方法：
<スクリプトsrc =” ../ 1.js”> </script>
注：外部ファイルには<script> </script>を含めることはできません
3。HTMLタグで直接
<入力名= 'btn' type = "button" value = "pop up message box" onclick = "javascript：alert（" welcome "）;"/>
3.JavaScriptコア構文
1。変数の宣言と割り当て
変数の宣言はVARでのみ使用され、変数の命名仕様はJavaに似ています。 var num = 1;
JavaScriptでは、変数は宣言なしで直接使用できますが、この使用法は推奨されません。
2。データ型
未定義（未定義タイプ）
null（nullタイプ）
数字（数字タイプ）
文字列（文字列タイプ）
ブール（ブールタイプ）
3。未定義とヌルの違い
nullは「オブジェクトなし」を意味します。つまり、そこに価値があるべきではありません。典型的な使用法は次のとおりです。
（1）関数のパラメーターとして、関数のパラメーターはオブジェクトではありません。
（2）オブジェクトプロトタイプチェーンのエンドポイントとして。
object.getPrototypeof（object.prototype）// null
未定義とは「値の欠損」を意味します。つまり、ここには値があるはずですが、まだ定義されていません。典型的な使用法は次のとおりです。
（1）変数が宣言されているが割り当てがない場合、未定義に相当します。
（2）関数を呼び出すとき、提供されるべきパラメーターは提供されておらず、パラメーターは未定義に等しくなります。
（3）オブジェクトには値に割り当てられた属性がなく、属性の値は未定義です。
（4）関数が値を返さない場合、未定義はデフォルトで返されます。
4.ケースは6つしかなく、結果は偽であると判断されます。
null、false、undefined、0、 ""、nan
5。文字列のいくつかの一般的な方法
toString（）;文字列を返します
tolowercasee（）;文字列を小文字に置き換えます。
Touppercase（）;文字列を大文字に変換します
Charat（index）;指定された場所で文字列を返します
indexof（str、index）;文字列内の指定された文字列の最初の発生を見つける
サブストリング（インデックス、インデックス）;指定されたIndex index1とindex2の間にある文字列を返します（index1とindex2を含むが、index2を含む）
split（str）;文字列を文字配列に分割します
6.配列を作成してアレイに値を割り当てる3つの方法
01。varnum =（ '1'、 '2'）;
02.var num = new Array（2）;
num [0] = 1;
num [1] = 2;
03.Var num = ['1'、 '2'];
配列の一般的な方法とプロパティ
長さ：配列内の要素の数を設定または返します
Join（）：配列のすべての音速を文字列に入れ、文字を分割して分割します。
sort（）：sort array
push（）：配列の端に1つ以上の要素を追加し、新しい長さを戻します。
<script type = "text/javascript">
// 01。方法1：配列を作成し、アレイに値を割り当てます
// var Fruit = new Array（ 'Apple'、 'Orange'、 'Peach'、 'Bananer'）;
// 02。方法2：最初に配列を作成し、次にsubscriptを介して配列に値を割り当てます
var fruits = new Array（4）;
果物[0] = 'Apple';
果物[1] = 'orange';
果物[2] = 'ピーチ';
果物[3] = 'Bananer';
// 03方法3：方法1と同様ですが、シンボルが変更されます
// var fruitss = new Array ['Apple'、 'Orange'、 'Peach'、 'Bananer'];
// 04。アレイにsubscript 3を使用してデータにアクセスします
document.write（fruits [0]）;
// 05配列の結合方法を介して要素を文字列に入れ、指定された区切り文字で分割します
var result = fruits.join（ '、'）;
// 06ソートメソッドを介して配列をソートします
fruits.sort（）;
// 06。最後に1つ以上の要素を追加し、最後に配列の新しい長さを返します
var length = fruits.push（ 'wert'、 'foot'）;
document.write（ '/n' + length）;
// 07。配列を繰り返します
for（果物のvarアイテム）
{
アラート（フルーツ[アイテム]）;
}
</script>
7。オペレーター
8プログラムのデバッグ
ソリューション1：VSでのデバッグ
手順：01。スタートページとしてデバッグされるページを設定します
02。ブレークポイントを設定します
03。F5を押してデバッグを開始します
ソリューション2：Chromeブラウザのデバッグ
手順：01。F12をクリックしてツールを呼び出します
02。ブレークポイントを設定します
03。ページを更新します
ソリューション3：すなわちブラウザ
手順：01.f12、開発者ツール
02。[スクリプト]タブに切り替えます
03.ブレークポイントを設定します
04。デバッグを開始します
05。更新
4。JavaScriptの関数
1.一般的に使用されるシステム関数
01。Parseint（ "String"）;
ParseInt（）関数は、最初に位置0で文字をチェックし、有効な数字であるかどうかを決定します。そうでない場合は、NANを返し、他の操作を実行しません。ただし、文字が有効なパラメーターの場合、関数は位置1で文字を表示し、同じテストを実行します。このプロセスは、キャラクターが有効なキャラクターであることが判明するまで続きます。この時点で、文字は前の文字列を数値に変換します。
例えば：
var num1 = parseint（ "78.9"）//戻り値は78です
var num2 = parseint（ "afa78.9"）//戻り値はnanです
02.Parsefloat（ "String"）;
その使用法は、文字列に表示される最初のポイントが有効な文字と見なされることを除いて、Parseintに似ています。
例えば：
var num1 = parseint（ "78.9"）//戻り値は78です
var num2 = parseint（ "afa78.9"）//戻り値はnanです
2。カスタム関数
JavaScriptでは、カスタム関数は、括弧内で実行される関数、関数名、パラメーターのセット、JavaScriptステートメントで構成されています。
構文を見てみましょう。
関数関数名（パラメーター1、パラメーター2、..）
{
// JavaScriptステートメント
[戻り返品値]
}
関数は、関数を定義するキーワードであり、そこにある必要があります。
JavaScriptPのタイプが弱く、パラメーターが与えられたときにタイプを提供する必要はないため、パラメーター1とパラメーター2は関数のパラメーターです。
{}で定義された関数の開始と終了。
返品ステートメントは、関数によって返される値を指定するために使用されます。
2。呼び出し関数
関数を実行するには、最初にこの関数を呼び出す必要があり、関数名と後に続くパラメーターを策定する必要があります。
例えば：
<script type =” text/javascript”> function show（）{} show（）; </script>3。匿名関数
匿名関数は、名前のない関数であり、閉鎖とも呼ばれ、指定された名前のない関数を一時的に作成できます。ほとんどの場合、コールバックパラメーターの値として使用されますが、多くの初心者は匿名関数について知りません。ここで分析しましょう。
関数関数名（パラメーターリスト）{function body;}
匿名関数を作成している場合は、次のようにする必要があります。
function（）{function body;}
それは匿名の関数であるため、通常、彼に渡されるパラメーターはありません。
なぜ匿名関数を作成するのですか？匿名関数はどのような状況で使用されますか？匿名関数には2つの一般的なシナリオがあります。1つはコールバック関数、もう1つは関数を直接実行することです。
例えば：
<スクリプト言語= "javascript"> var a = "a";（function（）{var a = "b"; alert（a）;}）（）; alert（a）; </script>上記のコードでは、2つのアラートボックスが順番に出力されます。最初のアラートボックスの内容はBで、2番目のボックスはaです。このスクリプトタグには匿名の方法があり、Bが最初にポップアップされたときに、（a）匿名の方法に触れた後、Aがポップアップしたと思いました。
上記の基本的なJavaScriptチュートリアル - 開始するための必読記事は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。