2012-05-02 8 views
-3

に私はこのjQueryのコードの純粋なJavaScriptの同等のものを必要とする: のライブラリの使用は私の現在のプロジェクトへの参加を許可イマイチので、はバックJavaScriptの

ファイルhandler.js

$(document).ready(function(){ 

$("#some_button").click(function(){ 

    alert('ok. works'); 

}); 

}); 

ファイルのインデックス。あなたのhandler.jsファイル内のHTML

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="handler.js"></script> 
<head> 
<body> 
<button id="some_button">Btn</button> 
</body> 

</html> 

答えて

5

入れ、これを:

window.onload = function() { 
    document.getElementById('some_button').addEventListener('click', 
    function() { 
     alert('ok. works'); 
    }, true); 
}; 

注:これは、addEventListenerをサポートしていない古いIEバージョンでは機能しません。 になりますが、代わりにDOM0 element.onclickメソッドを使用してください。

+0

@metal_fanああ、はい。 'document.body'はまだ存在しないのでできません。 – Alnitak

0
function buttonClick() { 
    alert('ok. works'); 
} 

index.htmlファイル

<!DOCTYPE html> 
<html> 
<head> 

<head> 
<body> 
<button id="some_button" onclick="buttonClick()">Btn</button> 
</body> 

</html>