JSの紹介：
JavaScriptは、Webページをより活気に満ちたものにするプログラミング言語であり、Webページデザインで最も簡単で便利な言語でもあります。
JavaScriptを使用して、フレンドリーなウェルカムメッセージ、美しいデジタル時計、マーキーランタンの宣伝、簡単な選挙を作成し、ブラウザが留まる時間を表示できます。これらの特殊効果がWebページの強迫観念を高めます。
JavaScriptは、Web特殊効果、オペレーティングDOM、HTML5ゲーム（HTML5とJavaScriptの組み合わせに基づいて）、アニメーション、その他の特殊効果など、Webページで多くのことを行うことができ、フロントデスクとしてだけでなく、後部デスクとしても使用できます。
たとえば、node.jsなど、一部のデスクトップエンジンnode-webkitはJavaScriptをデスクトップアプリケーションにレンダリングできます。たとえば、Unity3Dでは、JavaScriptを使用してゲーム（Unity3Dが使用するJavaScriptの構文、機能など）を作成できます。
JavaScript言語の機能：
1）.JavaScriptは、主にHTMLページにインタラクティブな動作を追加するために使用されます。
2）.javascriptは、Javaと同様の構文を持つスクリプト言語です。
3）.JavaScriptは、通常、クライアントスクリプトを作成するために使用されます。
4）.javascriptは、実行中に説明する解釈言語です。
JavaScriptの知識ポイント説明：
1。オペレーター
オペレーターは、操作を完了する一連のシンボルです。割り当て演算子、算術演算子、比較演算子、論理演算子、条件操作、ビット操作オペレーター、ストリングオペレーターの7つのカテゴリがあります。
2。式
演算子とオペランドの組み合わせは式と呼ばれ、通常、割り当て式、算術式、ブール式、文字列式の4つのカテゴリに分けられます。
3。文
JavaScriptプログラムはいくつかのステートメントで構成されており、声明はプログラムを作成するための指令です。 JavaScriptは、完全な基本的なプログラミングステートメントを提供します。これは、〜他の場合、割り当てステートメント、選択ステートメント、loopステートメント、ループステートメントの場合、ループステートメントの場合はループステートメント、ループステートメントを破壊し、ループ割り込みステートメントを継続します。
注：判断するとき、これらの結果のみが偽です。
論理オブジェクトに初期値がないか、その値が0、-0、null、 ""、false、未定義、またはnanである場合、オブジェクトの値はfalseです。それ以外の場合、その値は真です（引数が文字列「false」であっても）！
4。関数
関数には、参照および実行されることができるステートメントセグメントという名前が付けられています。関数を使用する場合、次のポイントを注意する必要があります。
1）関数はキーワード関数によって定義されます。
2）最初に機能を定義してから使用する必要があります。そうしないと、エラーが発生します。
3）関数名は、関数を呼び出すときに参照される名前です。これはケースに敏感であり、関数を呼び出すときに関数名を誤って書くことはできません。
4）パラメーターは、使用または操作のために関数に渡された値を表します。それは一定または変数である可能性があります。
5）returnステートメントは、式の値を返すために使用されるか、それがなくても残されます。
5。オブジェクト
JavaScriptの重要な機能は、オブジェクトベースの関数です。オブジェクトベースのプログラミングを通じて、プログラム開発は、より直感的でモジュール式で再利用可能な方法で実行できます。属性に含まれるデータで動作するデータとメソッドを含む一連の属性は、オブジェクトと呼ばれます。たとえば、Webページの背景色を設定する場合、ターゲティングしているオブジェクトはドキュメントであり、使用される属性名はdocument.bgcolor = "blue"などのbgcolorです。つまり、背景色は青です。
6。イベント
ユーザーがWebページと対話するときに生成されるアクションは、イベントと呼ばれます。ほとんどのことは、ユーザーがマウスボタンを押した場合、オンクリックイベントが生成されるなど、ユーザーのアクションによって引き起こされます。マウスポインターがリンクで移動する場合、オンマウスオーバーイベントが生成されます。
7。変数
たとえば、var myvariable = "some value";
古典的なケース：
JS宝くじ
含まれる知識ポイント：タイマーの使用、ドキュメントオブジェクトメソッドの使用、JSアレイの使用、組み込みオブジェクトの使用、JSシステム機能の使用、登録イベント。
<！doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <pittation> <titl> </<titl> </pitr> 「A、B、C、D、E、F、G、H、I、J、K、L、M、N、O、P、Q、R、S、T、U、V、W、X、Y、Z "var alldataarr = alldata.split（"、 "）; var num = alldataarr.length -1; varタイマー; function start（）{clearInterval（タイマー）; hタイマー= setInterval（ 'change（）'、10）; } function change（）{document.getElementById（ "oknum"）。innerhtml = alldataarr [getrnd（0、num）]; } function getrnd（min、max）{return parseint（math.random（） *（max -min + 1））; } function ok（）{clearInterval（タイマー）; document.getElementById（ "showresult"）。value = document.getElementById（ "oknum"）。innertext; } </script> </head> <body> <div id = "oknum" name = "oknum"> [start </div> <button onclick = "start（）" accesskey = "s"> start </button> <！ - // accessキーを指定する（要素に焦点を合わせる）accesskey属性を指定します。 - > <button onclick = "ok（）" accesskey = "o"> stop </button>あなたの選択は次のとおりです。背景画像の切り替え
含まれる知識ポイント：タイマーの使用、ドキュメントオブジェクトの方法の使用
<script type = "text/javascript"> window.onload = function（）{setInterval（step、1000）; } var num = 1; function step（）{if（num <5）{num ++; } else {num = 1; } var dom = document.getElementById（ "imgid"）; //その画像を変更するsrc属性dom.src = 'images/' + num + '.jpg'; } </script> </head> <body> <img src = "images/1.jpg" id = "imgid"/> </body> </html>マーキー：
含まれる知識ポイント：タイマーの使用、ドキュメントオブジェクトメソッドの使用、システム機能の使用、マウスイベントの使用、ノード操作の使用、ループステートメント、および判断ステートメント
<script src = "js/jquery-1.8.3.min.js"> </script> <script type = "text/javascript">（function（$）{$ .fn.extend（{rolltitle：function（opt、callback）{if（（！opt）var opt = {}; var; _this.timer; _this.timer; _this.timer _this.find（li：first "）; line = opt.line？ parseint（opt.timespan、13）：_this.line = 1; （i = 1; i <= _this.line; i ++）{_this.find（ "li：first"）_this.css（{margintop：0}） setinterval（_this.scrollup（）;}、_timespan）。 > <li style = "color：red">私はあなたを愛しています</li> <li style = "color：pink"> love you </li> <li style = "color：blue">私はあなたを愛しています</li> <li style = "color：green">私はあなたを愛しています</li> <li style = "color：yellowgreen">私はあなたを愛しています</li> value = "marionette"> <script type = "text/javascript"> function test（）{$（ "＃runtopic"）。find（ "li：first"）。 } </script> </body> </html>これがJavaScriptの理解の終わりです。将来、JSに関するケースがあります。それが皆を助けることができることを願っています！ ！ ！
上記のJavaScriptの理解と古典的なケース分析は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。