最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript例


JavaScriptは何ができますか?

JavaScriptは、HTMLコンテンツを変更することができます
JavaScriptは、HTML属性を変更することができます
JavaScriptは、CSSスタイルを変更することができます
JavaScriptは、入力を検証することができます

例について説明しました


JavaScriptの出力

ウィンドウの警告ボックスへの書き込み
HTML出力への書き込み
HTML要素への書き込み
ブラウザのコンソールへの書き込み

出力を説明しました


どこJavaScriptを挿入するには

内のJavaScript <head>
でJavaScriptの<body>
外部ファイル内のJavaScript

配置を説明しました


JavaScriptの構文

JavaScriptステートメント
JavaScriptの番号
JavaScriptの文字列
JavaScript式
JavaScriptのキーワード
JavaScript変数
JavaScriptの割り当て
JavaScriptの演算子
JavaScriptのコメント
JavaScriptは大文字と小文字が区別されます

構文を説明しました


JavaScriptのステートメント

JavaScriptのステートメントは、ブラウザへのコマンドです
JavaScriptコードは、一連の文です
JavaScriptステートメントは、セミコロンで区切られます
1行に複数の文が許可されています
JavaScriptのステートメントは、コードブロックにグループ化することができます
あなたは、オペレータまたはコンマの後のコード行を破ることができます。

ステートメントを説明しました


JavaScriptのコメント

単一行のコメント
一行は、行の末尾にコメント
複数行のコメント
実行を防止するために、1行コメント
複数の行が実行できないようにするためにコメント

コメント説明しました


JavaScriptの変数

JavaScript変数
代数としてのJavaScript変数
JavaScriptの数値と文字列
JavaScriptのvarキーワード。
1つのステートメントで多くの変数の宣言
複数行の多くの変数の宣言
値のない変数は未定義値を返します。
再宣言の変数が値を破棄しません
JavaScriptの番号を追加します
JavaScriptの文字列を追加します
文字列と数値を追加します

変数を説明しました


JavaScriptの算術

また(+)演算子
減算(-)演算子
乗算(*)演算子
除算(/)演算子
弾性率(%)演算子
インクリメント(++)演算子
デクリメント(--)演算子

算術演算を説明しました


JavaScriptの割り当て

=代入演算子=
+ =代入演算子+=
- =代入演算子-=
* =代入演算子*=
/ =代入演算子/=
%=代入演算子%=

割り当てを説明しました


JavaScriptの文字列の連結

連接を使用して一緒に2つの文字列を追加(+)演算子
最初の文字列内のスペースと一緒に2つの文字列を追加します
間にスペースと一緒に2つの文字列を追加します
+ =演算子を使用して使用して一緒に2つの文字列を追加します
文字列と数値を追加します

連結は説明しました


JavaScriptのデータ型

宣言(作成)文字列
宣言(作成)番号
配列を宣言(作成)
オブジェクトを宣言(作成)
変数の型を探します
2数字と文字列を追加します
文字列と2つの数値を追加します
未定義変数
空の変数

データの種類について説明します


JavaScriptのオブジェクト

JavaScript変数を作成します。
JavaScriptオブジェクトを作成します。
人物オブジェクト(シングルライン)を作成します。
人物オブジェクト(複数行)を作成します。
.propertyを使用してAccessオブジェクトのプロパティ
[プロパティ]を使用してAccessオブジェクトのプロパティ
方法としての機能プロパティにアクセス
プロパティとして機能プロパティにアクセス

オブジェクトを説明しました


JavaScript関数

単純関数
引数を持つ関数
引数2を持つ関数
値を返す関数
摂氏華氏を変換する関数
()のない関数呼び出し

機能を説明しました


JavaScriptのイベント

onclickイベントは、HTML要素を変更します
onclickイベントは、独自の要素を変更します
onclickイベントは、関数を呼び出します

イベントを説明しました


JavaScriptの文字列

文字列は、単一または二重引用符で書き込むことができます。
いくつかの文字列の例を表示
引用符の前にバックスラッシュを引用符のように引用符を受け付けます。
文字列の長さを探します
あなたは、バックスラッシュでテキスト文字列を破ることができます。
あなたは、バックスラッシュを使用してコードを壊すことができません。
文字列内のテキストの最初に現れる位置を見つける- indexOf()
文字列内のテキストを検索し、見つかった場合は、テキストを返す- match()
文字列内の文字を交換- replace()
大文字に文字列を変換する- toUpperCase()
小文字に文字列を変換する- toLowerCase()
-配列に文字列を分割しsplit()

文字列を説明しました


JavaScriptの番号

数は、15桁まで正確と考えられています
浮動小数点演算は、常に100%正確ではありません
しかし、それは10で乗算し、分割することができます
0xで始まる定数は、16進数として解釈されています
toString()メソッドを出力することができる番号六角、オクタル、およびバイナリtoString()
あなたが大きすぎる数を計算する場合にはJavaScriptが無限大を生成します
ゼロ除算は無限大を生成し、
文字列で割った数が数値ではありません

数字は説明しました


JavaScriptの数学

使用Math.random() 0と1の間の乱数を返すために、
使用Math.round()数値を四捨五入します
使用Math.ceil()の数(最大)を丸めます
使用Math.floor() (下)番号を丸めます
使用Math.floor()random()ランダムな整数を返すために、
使用Math.max()最高値で数を返すために、
使用Math.min()最低値で数を返すために、
摂氏から華氏への変換

数学を説明しました


JavaScriptの日付

使用Date()今日の日付と時刻を表示します
使用getFullYear()年を表示
使用getTime() 1970年からのミリ秒数を計算します
使用setFullYear()特定の日付を設定します
使用toUTCString()文字列に(UTCに応じて)今日の日付を変換します
使用getDay()数として曜日を表示します
使用getDay()名前として平日を表示するために、配列を
時計を表示

日付が説明しました


JavaScriptの配列

配列を作成します。
-二つの配列参加concat()
- 3つのアレイに参加concat()
文字列に配列のすべての要素に参加- join()
配列の最後の要素の削除- pop()
配列の末尾に新しい要素を追加- push()
配列内の要素の順序を逆- reverse()
-配列の最初の要素の削除shift()
配列から要素を選択- slice()
(アルファベット順と昇順)配列をソート- sort()
ソート番号(数値と昇順) - sort()
ソート番号(数値的および降順) - sort()
配列内の位置2に要素を追加- splice()
配列を文字列に変換する- toString()
配列の先頭に新しい要素を追加- unshift()

配列を説明しました


JavaScriptの型変換

すべての変数タイプtypeof演算を表示
すべての変数の型のコンストラクタを表示
使用して数値を文字列に変換するString()
使用して数値を文字列に変換するtoString()
変数が配列であるかどうかを調べます
変数が日付であるかどうかを調べます

変換説明しているタイプ


JavaScriptのブール値

ブールの値を表示します(10> 9)
10> 9の値を表示
実際の値を持つすべてが真であります
ゼロのブール値はfalseです
マイナスゼロのブール値はfalseです
空の文字列のブール値はfalseです
未定義のブール値はfalseです
ヌルのブール値はfalseです
偽のブール値はfalseです
ブール値NaN falseです

ブール値を説明しました


JavaScriptの比較

xに5を割り当て、(のx == 8)の値を表示
xに5を割り当て、(のx == 5)の値を表示
xに5を割り当て、(のx === 5)の値を表示
(X === "5")xに5を割り当て、の値を表示
xに5を割り当て、(X!= 8)の値を表示
xに5を割り当て、(X!== 5)の値を表示
xに5を割り当て、(X!== "5")の値を表示
xに5を割り当て、(X> 8)の値を表示
xに5を割り当て、(X <8)の値を表示
xに5を割り当て、(X> = 8)の値を表示
xに5を割り当て、(X <= 8)の値を表示

比較は説明しました


JavaScriptの条件文

if文
else文
else文の場合
ランダムリンク
switchステートメント

条件文を説明しました


JavaScriptのループ

forループ
HTMLヘッダーをループ
whileループ
do-while文
ループを破ります
ループを切断して続行
オブジェクトの要素をループ文でのために...使用してください

ループを説明しました


JavaScriptのエラー処理

トライ...キャッチステートメントtry...catch
トライ...キャッチ確認ボックスで文try...catch
onerrorイベント

エラーを説明しました


JavaScriptの正規表現

文字列中での発現を検索
表現を検索し、それを置き換えます

正規表現の説明します


JavaScriptのオブジェクト

JavaScript変数を作成します
JavaScriptオブジェクトを作成します
JavaScriptオブジェクトの作成(1回線)
JavaScriptオブジェクトを作成する(複数行)
新しいを使用して、JavaScriptオブジェクトを作成します
コンストラクタを使用して、JavaScriptオブジェクトを作成します
ビルトインの作成JavaScriptオブジェクト
JavaScriptの変数を作成するための最良の方法
JavaScriptのオブジェクトは変更可能です

オブジェクトを説明しました


JavaScriptのオブジェクトのプロパティ

.propertyを使用してプロパティへのアクセス
[プロパティ]を使用してプロパティへのアクセス
中に使用してプロパティへのアクセス
既存のオブジェクトに新しいプロパティを追加します
オブジェクトからプロパティを削除します

オブジェクトのプロパティを説明しました