JavaScriptの 入門
JavaScriptは言語は、HTMLやWeb用に使用するだけでなく、広く、サーバ、PC、ノートパソコン、タブレットPCやスマートフォンなどの機器に使用することができ、インターネットで最も人気のあるスクリプト言語です。
JavaScriptはスクリプト言語です
JavaScriptは、軽量プログラミング言語です。
JavaScriptは、HTMLページにプログラミングコードです。
HTMLページにJavaScriptの後に、それはすべての最新ブラウザで行うことができます。
JavaScriptは、習得が容易です。
あなたが学びます
以下は、あなたが学びます、このチュートリアルの主な内容です。
JavaScriptを：HTML出力ストリームに直接書き込みます
例
<！DOCTYPE HTML > < HTML > < ヘッド> < メタのcharset = "UTF-8" > < タイトル>初心者チュートリアル（runoob.com）</ タイトル> </ ヘッド> < 身体> < P > 直接書き込むのJavaScriptが可能HTML出力ストリーム： </ P > < スクリプト> のdocument.write（" <のH1>これは、Aヘッダ</ H1の>である" ）; のdocument.write（" <P>これは段落</ P>。" ）; </ スクリプト> < p型> あなたは唯一のHTML出力ストリームを使用することができます< 強い>にdocument.write </ 強いです> 。 文書は、（例えば、関数内で）ロードされた後、あなたがそれを使用する場合は、文書全体をカバーします。 </ P > </ ボディ> </ HTML >
 |
あなただけのHTML出力にdocument.writeを使用することができます。文書がロードされた後、あなたがこの方法を使用する場合は、文書全体をカバーします。 |
|---|
JavaScriptを：イベントへの反応
例
<！DOCTYPE HTML > < HTML > < ヘッド> < メタ文字コード= "UTF-8" > < タイトル>初心者チュートリアル（runoob.com）</ タイトル> </ ヘッド> < 身体> < H1 >私の最初のJavaScriptの</ H1 > < P- > JavaScriptはイベントに反応することができます。たとえば、ボタンをクリックします 。</ p型> < ボタンタイプの=「ボタン」onclickのは、『ようこそ！』 =「アラート（ボタン> </ ボディ> </ HTML >
JavaScriptでのアラート（）関数が使用されていない、それがコードのテストに便利です。
onclickイベントは、単に多くのイベントに、このチュートリアルで学んだあなたの今後の一つです。
JavaScriptは：HTMLコンテンツを変更します
HTMLコンテンツを処理するためにJavaScriptを使用すると、非常に強力です。
例
<！DOCTYPE HTML > < HTML > < ヘッド> < メタ文字コード= "UTF-8" > < タイトル>初心者チュートリアル（runoob.com）</ タイトル> </ ヘッド> < 身体> < H1 >私の最初のJavaScriptの</ H1 > < P- > JavaScriptはイベントに反応することができます。たとえば、ボタンをクリックします 。</ p型> < ボタンタイプの=「ボタン」onclickのは、『ようこそ！』 =「アラート（ボタン> </ ボディ> </ HTML >
あなたは、多くの場合、表示されます （「のdocument.getElementByIdをいくつかの上記のid」） 。この方法は、HTML DOMで定義されています。
DOM（D ]で文書 O bject M Odel）（ドキュメントオブジェクトモデル）は、HTML要素にアクセスするための公式のW3C標準です。
このチュートリアル学校の複数の章でHTML DOMの知識になります。
JavaScriptは：HTMLの画像を変更します
< スクリプト> 関数changeImage（） { 要素= のdocument.getElementById（' MYIMAGE ' ） であれば（element.src.match（" bulbon " ）） { element.src = " /images/pic_bulboff.gif " 。 } 他 { element.src = " /images/pic_bulbon.gif " 。 } } </ スクリプト> < IMG ID = "MYIMAGE"= "changeImage（）" SRC = "/画像/ pic_bulboff.gif" 幅= "100" 高さ= "180" >
上記のコードの例 element.src.match（ "bulbon"） アクション手段：検索 <IMGのID = "MYIMAGE"のonclick = "changeImage（）" SRC = "/画像/ pic_bulboff.gif"幅= "100"高さ=「180」> 含まれていないSRC属性の値 、bulbon文字列を文字列であれば bulbon、画像 のsrc 更新 bulboff.gif一致しない場合、 bulbonを 文字列srcが 更新さ bulbon.gif
JavaScriptは、任意のHTML要素だけでなく、画像にプロパティのほとんどを変更することができます。
JavaScriptは：HTMLのスタイルを変更します
HTML要素のスタイルを変更し、HTMLには、ALTER亜種に属する属性。
例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
JavaScriptを：入力の検証
JavaScriptは、多くの場合、ユーザーの入力を検証するために使用されます。
あなたは、本番環境での厳格な決意の必要性を使用する場合は、入力空間が、決定されたかどうかの連続した空間が出てISNAN場合は一般的な例としては、上記の検証です。分析は（後の章に説明する）正規に添加してもよいです。
例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p> <input id="demo" type="text"> <script> function myFunction() { var x=document.getElementById("demo").value; if(x==""||isNaN(x)) { alert("不是数字"); } } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
ご存知ですか？
|
JavaScriptとJavaは、2つの完全に異なる言語、概念、デザインの面です。 （日によって発明）Javaは、より複雑なプログラミング言語です。 JavaScriptの標準ECMA-262は、正式名称です。 JavaScriptはブレンダン・アイクによって考案しました。これは、（ブラウザの更新が停止している）Netscapeで1995年に登場し、ECMA（規格協会）によって1997年に採択されました。 |
|---|
ECMAScriptのバージョン
JavaScriptはECMA（欧州電子計算機工業会）でのECMAScript言語によって標準化されています。
| 年 | 名前 | 説明 |
|---|---|---|
| 1997 | ECMAScriptの1 | 最初のバージョン |
| 1998 | ECMAScriptの2 | バージョン変更 |
| 1999 | ECMAScriptの3 | 正規表現の追加 のtry / catchを追加します |
| ECMAScriptの4 | 解放されません | |
| 2009 | ECMAScriptの5 | 「strictモード」、strictモードを追加 JSONのサポートを追加します |
| 2011 | ECMAScriptの5.1 | バージョン変更 |
| 2015 | ECMAScriptの6 | クラスとモジュールを追加します |
| 2016 | ECMAScriptの7 | 指数演算子（**）を増大させること Array.prototype.includesを増加させます |
ECMAScriptの6もECMAScriptの2015として知られています。
ECMAScriptの7は、また、ECMAScriptの2016として知られています。