0

変数を渡す/設定する次の 2 つの方法の長所/短所は何ですか?

<input type="password" name="pw1" id="pw1" onkeyup="return passwordCheck(document.getElementById('pw1'), document.getElementById('pw2'))"/

function passwordCheck(first, second){...

また

<input type="password" name="pw1" id="pw1" onkeyup="return passwordCheck()"/

function passwordCheck(){
var first = document.getElementById('pw1')
var second = document.getElementById('pw2')...
4

1 に答える 1

2

これにより、html マークアップ (および js コード) が読みやすくなります。それは（さらに）コードをマークアップから切り離します。さらに良い方法は、ID をターゲットにして、イベント リスナーを入力にバインドすることです。そうすれば、マークアップに js がありません。

コメントに応答する編集: 2 番目の例 (関数の呼び出し) の方が優れていると言及していましたが、全体的にはイベント バインディングを行う方が優れています。それを行うにはさまざまな方法がありますが、ここに例を示します。

<input type="password" name="pw1" id="pw1"/>

// ...

document.getElementByID('pw1').onkeyup = function() { 
  // do stuff
}
于 2013-01-30T23:56:32.533 に答える