1. JavaScriptの概念:それは表現言語であり、クライアントで実行されるオブジェクト(オブジェクト)とイベント駆動型(イベント駆動型)に基づいたスクリプト言語でもあり、それによりサーバー側の負担が軽減されます。概要は次のとおりです。
1.JavaScriptは、主にHTMLページを見つけてインタラクティブな動作を追加するために使用されます。
2.JavaScriptは、Javaと同様の構文を持つスクリプト言語です。
3。JavaScriptは、通常、クライアントスクリプトを作成するために使用されます。
4.JavaScriptは、実行中に説明する解釈言語です。
2。JavaScriptは、Core Syntax ECMAScriptとブラウザオブジェクトモデル(BOM)で構成されています。これは主にWindows間の通信を管理するために使用されるため、そのコアオブジェクトは、ウィンドウとドキュメントオブジェクトモデル(DOM)の3つの部分で構成されています。
3。JavaScriptをWebページに紹介する3つの方法:
1。<script> </script>タグ内部スタイルを使用します
2。外部JSファイルを使用します
3。HTMLタグに直接インラインスタイル。
4。JavaScriptの役割
1.ページフォームの確認を実装します
2。ページインタラクション効果を実装します
5。JavaScriptの特性
1. HTMLページにインタラクティブな動作を追加するように設計されています
2。インターネット上で最も人気のあるスクリプト言語です
3.一般的にクライアントスクリプトを作成するために使用されます
4.それは解釈的な言語です
6. JavaScriptを導入する方法
1. <script>タグを使用して、Webページを直接埋め込みます
2。外部JSファイルを使用します
JSの文字列オブジェクトの一般的な方法:
JavaScriptでは、条件付きステートメントスイッチ(){}を文字列に接続できます。
アラート( "プロンプトメッセージ");
var isok = confism( "確認ボックス");
prompt(); prompt( "PRONT INFORTION"、 "入力ボックスデフォルト情報");
プロンプト(「名前を入力してください」)
近い();
開ける();
setimeout();ミリ秒を指定した後、関数を呼び出します
setInterval();指定された期間をミリ秒単位でミリ秒に呼び出します
window.open();
7.JS構文:
1。ケースに敏感
2。変数、関数などの命名仕様に注意してください。
3.コードの各行はセミコロンで終わります
JSの関数:
1。システム関数
parseint();整数45.9aに変換45に変換します。 a6変換はナンに戻ります(数ではありません)
イスナン(それが数字であるかどうかを判断)
typeof(var);それがどのデータ型であるかを決定します
eval( "5+2");式値を計算します
2。カスタム関数
関数function name(){javascriptコード}
関数関数名(パラメーター1、パラメーター2){javaScriptコード戻り値(オプション)}
JSの機能の呼び出し:
匿名関数:
var変数name = function(parameter){function body return value;};
変数名(パラメーター)
8。プログラムコール
1。Alert();方法2。firebug()を使用します。方法
9.BOMの概要:(ブラウザオブジェクトモデル、ブラウザオブジェクトモデル)
1。ウィンドウオブジェクトのプロパティ
名前 | 説明します |
歴史 | 顧客が訪問したURLに関する情報 |
位置 | 現在のURLに関する情報 |
画面 | クライアントの画面と表示パフォーマンスに関する情報 |
weindowオブジェクトの一般的な方法:propt()confism(); setimeout(); setInterval();
ウィンドウオブジェクトの一般的なイベント:onload =”” onmouseover =””; onclick
window.parent.location
2.歴史的オブジェクト
方法:back(); forward(); go();
3.位置オブジェクトは、現在のページのURLを提供します
属性:ホストホスト名href
方法:reload()leplage();
4。ドキュメントオブジェクト
属性:リファラー属性は、ハイパーリンクを介してアクセスされるかどうかを決定し、nullを返さない
10。JavaScriptのオブジェクト、
日付オブジェクト:
日付オブジェクトを作成し、メソッドvar date = new Date(mm dd、yyyy、hh:mm:ss)を送信します。
var date = new Date(); date.getDay();
数学オブジェクト:
ceil();数字を切り上げます、天井(25.5)= 26;
床();丸め、床(25.5)= 25;
Math.Round(25.5);元の番号に0.5を追加した後、丸めます
11.dom概要(ドキュメントオブジェクトモデル)
coredom、xmldom、html domで構成されています。
12。配列を作成します
JSの変数の宣言:
var array name = new Array(size);
1を読む。ループ2で読む2。
for(var x in fruit){document.write(furt [x]+"<br/>")} xは添え字です
fruit.sort(); // sort string str = furt.join( " - "); //文字列を追加して文字列に結合します
ドロップダウン選択オブジェクト:
13。スタイルのポジショニングスタイル
左上位置z-index
マウススクロール距離:Scorlltop:垂直距離
Scorllleft:水平距離
マウススクロール休暇:OnScorll
jQueryオブジェクトとDOMオブジェクト間の変換
var $ txtname = $( "#txtname"); // jQueryオブジェクト
var txtname = $ txtname [0]; // domオブジェクト
alert(txtname.checked); //このチェックボックスが選択されているかどうかを確認します
GET(インデックス)メソッドを使用して、対応するDOMオブジェクトを取得します
var $ txtname = $( "#txtname"); // jQueryオブジェクト
var txtname = $ txtname.get(0); // dom object
alert(txtname.checked); //このチェックボックスが選択されているかどうかを確認します
var txtname = document.getElementById( "txtname"); // dom object
var $ txtname = $(txtname); //
obj.classname = classNameを使用するには、domにクラス属性を追加します。
obj.innerhtml = <input />を使用してクラスコンテンツを追加します
jqueryにクラス属性を追加して、obj.addclaa = classNameを使用します。
使用するクラスコンテンツを追加:obj.html = <input/>;
JQureyの5つの主要なセレクター:
jqueryでのイベント:
obj.bind( "clike"、function(){});
obj.bind({mousever:function(){}、{mouserout:function(){}}});
obj.unbind();
obj.hover(function(){}、function(){})メソッドコレクションオンマウスオーバーおよびオンマウスアウト
obj.toggle();
$( "。tipsbox")。show(); obj.hide();
$( "img")。fadein(1000);
$( "。txt")。slideup(1000); obj.slidedown(1000);
obj.toggleclass( "class"); // addclassとromoveclassを統合します
$(this).val( ""); //テキストコンテンツをクリアします
var $ newNode = $(<"<li> jQueryを使用して新しい要素ノードを作成</li>">);
正規表現
JSのいくつかの一般的なヒント:
1。オペレーターは、変数に使用できるブール値を変換します! !検出のためのバラブル。変数の値が次のとおりです:0、null、 ""、undefined、またはnanはfalseを返し、その他の方法は真です
機能アカウント(現金)
{
this.cash = cash;
this.hasmoney = !!現金;
}
2。 +を使用して文字列を数値に変換します。文字列データのみが適用されます。
function tonumber(strnum){
return +strnum;
}
日付()に適用されるタイムスタンプ番号を返します: +new date();
3.ループが非常に大きい場合、数値の長さが最初に与えられます、var legth = array.legth;
4.if( 'queryselector' in document){
document.queryselector( "#id");
} それ以外 {
document.getElementById( "id");
}
5.配列の最後の要素を取得します
var array = [1,2,3,4,5];
array.slice(-1);
6。文字列要素の交換
var string = "John John";
string.replace(/hn/、 "ana"); //「ジョアナ・ジョン」
string.replace(/hn/g、 "ana"); //「ジョアナ・ジョアナ」
上記のJavaScriptの知識ポイントサマリー(必見)は、エディターが共有するすべてのコンテンツです。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。