JavaScript イベントとメソッドの簡単な分析_JavaScript スキル-jsチュートリアル-php.cn

JavaScript イベントとメソッドの簡単な分析_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 16:12:26

オリジナル

1324 人が閲覧しました

ハイパーリンクをクリックしてイベントをトリガーします

1. タグの onclick を使用します

この書き方には欠点があり、クリックするとページが更新されてページの先頭に戻ってしまいます。

リフレッシュせずにそれを行うにはどうすればよいですか?

コードをコピーしますコードは次のとおりです:

2. # と JavaScript の違い: void (0)

ハイパーリンクが「デッドリンク」の場合は、# と javascript:void(0); の違いを使用します。

Void(0) は役に立たない値です。どこにも行きません。意味がありません。

そして # 現在のページを更新します。

3. または、タグ

の href を使用します。

ハイパーリンクの href 内の JavaScript のみに「javascript:」を追加する必要があります。

これはイベントではなく、「javascript:」を「http:」、「ftp:」、「thunder://」、「ed2k://」、「mailto:」などのネットワークプロトコルとして扱うためです。 , js解析エンジンに引き渡されて処理されます。

メソッドに特に重点を置く

1. 新しい行を開始しないでください

一般に、js で中括弧を記述するときは、新しい行を開始するのではなく、中括弧を直接続ける必要があります。

これは、js がステートメントの最後に「セミコロン」を自動的に追加するためです。中括弧を新しい行に配置すると、return ステートメントの後に「セミコロン」が自動的に追加され、戻り値が返されます。不定になる。

2. 戻り値の型を宣言する必要はありません

戻り値の型やパラメータの型を宣言する必要はありません。関数定義は function で始まります。

JavaScript は C# や Java のようにすべてのパスに戻り値がある必要はありません。戻り値がない場合は未定義です。

3. メソッドのオーバーロードはありません

JavaScript にはメソッドのオーバーロードはありません。

メソッドにパラメータを書き込むことを名前付きパラメータと呼びます

ユーザーが複数の数値の合計を計算するメソッドを呼び出します。メソッド内のパラメーターの数を取得するにはどうすればよいですか?

引数オブジェクトを使用してください!

匿名関数

1. 方法 1

コードをコピーしますコードは次のとおりです:

var f1=function(p1,p2){ return p1 p2 };//関数を変数に代入します

匿名関数は呼び出すことができず、変数にのみ代入できます。代入文であるため、後ろにセミコロンを追加する必要があります。

アプリケーション:

コードをコピーしますコードは次のとおりです:

document.getElementById(‘btn’).onclick=function(){}

2. 方法 2

コードをコピーしますコードは次のとおりです:

(function(p1,p2){alert(p1 p2);})(20,30);

3. 方法 3

コードをコピーしますコードは次のとおりです:

var m1=new Function(“p1”,”p2”,”p3”,”return p1 p2 p3”);

アラート(m1(1,2,3));パフォーマンスが低い

jQuery ではこの種の匿名関数が多く使用されています

拡張メソッドのプロトタイプ

クラスオブジェクトのプロトタイプ

を通じて拡張メソッドを設定します。

拡張メソッドの宣言は、拡張メソッドを使用する前に実行する必要があります。 JS 関数には特別な関数のデフォルト値の構文はありませんが、値を渡さずにパラメータの値を渡すことはできません。独自の判断でデフォルト値を設定できます。

コードをコピーしますコードは次のとおりです:

var msg ='xiaoming@111.com';
String.prototype.isEmail = function(){
return this.indexof('@')!= -1 ?true:false;
};
アラート(msg.isEmail);

イベント

1. イベントを呼び出します

2. イベントを登録します

ページがロードされた後でのみ、ページの要素に対してイベントを登録できます。

つまり、onload = function(){

//ここでイベントを登録します

};

ページ読み込みイベント

コードをコピーしますコードは次のとおりです:

<スクリプトタイプ="text/javascript">

//リフレッシュ

//location.reload();

onload=function(){

alert("ページが読み込まれました");

};

onunload =function(){

alert("ページは閉じられています");

};

onbeforeunload= function(){

alert("ページが閉じる前に起動");

};

上記がこの記事の全内容です。これが皆さんに JavaScript のイベントとメソッドについての新たな理解をもたらすことを願っています。