JavaScript 関数呼び出しの典型的な例1. うるう年かどうかを判断するための入力ボックス 2. うるう年かどうかを判定する乱数 3. 入力ボックスは素数かどうかを判定します 4. 乱数が素数かどうかを判定する 5. 日付が正当かどうかを判断する関数をカプセル化する 考え方: まず、関数呼び出し方式を使用し、呼び出されるすべての関数を js フォルダーに記述します。これにより、呼び出し時に便利になります。 HTML に js を導入することを忘れないようにすることが重要です。 HTMLコード: <本文> <span>うるう年ですか?</span> <入力タイプ="テキスト" id='inp1'> <br> <span>それは素数ですか?</span> <input type="text" id="inp2"> <br> <!-- js ファイルを外部からインポート --> <script src="../js/tools_practice.js"></script> <スクリプト> //オブジェクト取得関数を呼び出す var oInp1 = get('inp1'); // うるう年かどうかを判定します var year = leap_year(2004); //入力ボックスに値を割り当てる if(year){ oInp1.value = 'うるう年です'; } それ以外{ oInp1.value = 'うるう年ではありません'; } // 乱数を呼び出して年を生成し、閏年かどうかを判断します。var y = rand(1000, 2000); 閏年をyとします。 if(res){ document.write('乱数' + y + 'うるう年' + ' '); } それ以外{ document.write('乱数' + y + 'うるう年ではない' + ' '); } //関連オブジェクトを取得する関数を呼び出します var oInp2 = get('inp2'); //入力ボックスは素数かどうかを判断します var n = isZhi(14); //素数入力ボックスに値を割り当てるif(n){ oInp2.value = '素数です' } それ以外{ oInp2.value = '素数ではありません' } // 乱数を呼び出して数値を生成し、それが素数かどうかを判断します。var num = rand(0,1000); var res3 = isZhi(num); if(res3){ document.write('乱数' + num + '素数です' + ' '); } それ以外{ document.write('乱数' + num + '素数ではない' + ' '); } //日付が正当かどうかを判断するためのカプセル化関数 var da = data(1233,1,32); もし(だ){ document.write('法定日付' + ' '); } それ以外{ document.write('日付が不正です' + ' '); } </スクリプト> </本文> jsコード:
//機能: 年が閏年かどうかを判定する//パラメータ:
//番号
//戻り値:
// ブール値
関数 leap_year(x) {
(x % 4 === 0 && x % 100 !== 0 || x % 400 === 0) の場合 {
true を返します。
}
false を返します。
}
//オブジェクトを取得する function get(id) {
document.getElementById(id) を返します。
}
//機能: 特定の範囲内でランダムな整数を生成します //パラメータ:
// 最小数値範囲の最小値 // 最大数値範囲の最大値 // 戻り値:
//番号
関数rand(最小値, 最大値) {
Math.round(Math.random() * (max - min) + min) を返します。
}
//機能: 数値が素数かどうかを判定する//パラメータ:
//番号
//戻り値:
// ブール値
関数isZhi(n) {
(var i = 2; i < n; i++) の場合 {
(n % i === 0) の場合 {
false を返します。
}
}
true を返します。
}
//機能: 日付が正当かどうかを判定する//パラメータ:
// y 数値 年 // m 数値 月 // d 数値 日 // 戻り値:
// ブール値
関数データ(y, m, d) {
//まず年を決定 --> 次に月を決定 --> 最後に日付を決定 //年を決定します:
(y >= 1000 && y <= 2000 && y % 1 === 0)の場合{
//月を判断するif (m >= 1 && m <= 12 && m % 1 === 0) {
var maxDay;
m === 1 || m === 3 || m === 5 || m === 7 || m === 8 || m === 10 || m === 12 の場合 {
最大日数 = 31;
}
そうでない場合 (m === 4 || m === 6 || m === 9 || m === 11) {
最大日数 = 30;
}
そうでない場合 (m === 2) {
(y % 4 === 0 && y % 100 != 0 || y % 400 === 0)の場合{
最大日数 = 29;
}
それ以外 {
最大日数 = 28;
}
}
//日付を判断する if(d >= 1 && d <= maxDay && d % 1 === 0){
true を返します。
}
}
}
false を返します。
}
JS関数の定義と呼び出し方法JS 関数呼び出しの 4 つの方法: メソッド呼び出しモード、関数呼び出しモード、コンストラクター呼び出しモード、適用、呼び出し呼び出しモード 1. メソッド呼び出しモード: まずオブジェクトを定義し、次にオブジェクトのプロパティでメソッドを定義し、myobject.property を通じてメソッドを実行します。これは現在の myobject オブジェクトを参照します。 var blogInfo={ ブログID:123, ブログ名:"werwr", ブログを表示:function(){alert(this.blogId);} }; blogInfo.showBlog(); 2. 関数呼び出しモード 関数を定義し、関数を保存するための変数名を設定します。このとき、this は window オブジェクトを指します。 var myfunc = 関数(a,b){ a+b を返します。 } アラート(myfunc(3,4)); 3. コンストラクタ呼び出しモード 関数オブジェクトを定義し、オブジェクト内のプロパティを定義し、そのプロトタイプ オブジェクト内のメソッドを定義します。プロトタイプ メソッドを使用する場合、メソッドを呼び出す前にオブジェクトをインスタンス化する必要があります。 var myfunc = 関数(a){ これは、 }; myfunc.prototype = { 表示:function(){alert(this.a);} } var newfunc = new myfunc("123123123"); 新しい関数を表示します。 4.適用、通話モード var myobject = {}; var sum = 関数(a,b){ a+b を返します。 }; var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]); アラート(合計2); 要約するJavaScript 関数呼び出しに関するこの記事はこれで終わりです。より関連性の高い JavaScript 関数呼び出しについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: HTML における要素の水平および垂直中央揃えに関する議論
1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...
この記事では、ドロップダウンテーブルの複数選択と検索を実現するためのvue+elementuiの具体...
実践こそが真実をテストする唯一の方法です。この記事では、インデックスの全体的な使用法についてのみ説明...
あるウェブサイトでは、ユーザーが WebKit カーネルでページを開くことを期待して、HTML5 と...
現在、コンピュータモニターの画面解像度はますます高くなる傾向にありますが、携帯電話などのモバイルデバ...
CSS を使用して要素の円弧の動きを制御する方法CSS3 の新しい属性 transfrom トランジ...
ウェブサイトのレイアウトの多様化は、当社のフロントエンドの得意分野です。最近、UC ブラウザのデフォ...
接続数を取得する --- 最大接続数を取得します。SHOW VARIABLES LIKE '...
目次通常の読み込み遅延読み込みプリロードプリロードを使用しないプリロードの使用要約する通常の読み込み...
画像をダウンロード docker プル openjdkデータボリュームの作成java_appデータボ...
Docker コンテナを適用する場合、多くの場合、ホスト ディレクトリを Docker コンテナにマ...
スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。XSL 言語は、X...
この記事では、例を使用して、MySQL アカウント管理の原則と実装方法を説明します。ご参考までに、詳...
1. データベースを作成する 2. テーブルを作成する1. deptテーブルを作成する テーブル「d...
覚えて: IDE ディスク: 最初のディスクは hda、2 番目のディスクは hdb...最初のディ...