2016-08-29 4 views
-2

をロードされた直後のonclick私は、フォームと2つのボタンがあります。どのように私はJSの機能を実行することができますが、フォームが

私が持っている javascript.jsファイルで
<input type="button" name="btn" onclick="a()" value="--->"><br> 
<input type="button" name="btn" onclick="b()" value="<---"> 

function a(){ 
console.log("a"); 
} 
function b(){ 
console.log("b"); 
} 

私は(関数を呼び出したいですちょうど私がボタンをクリックしたとき)が、ドキュメントが完全にロードされたとき。どのようにできるのか?

+0

ドキュメントがロードされている場合は、ボタンだけをクリックしてロードしてください。これは自動クリックオプションではありません。 –

+0

[ページが読み込まれたときに実行する関数]の複製があります。(http://stackoverflow.com/questions/4842590/run-function-when-page-is-loaded) –

答えて

0

Ok。だから私は問題を解決した。私はちょうど使用:

document.observe('dom:loaded', function(){ 
a = function(){console.log("a");} 
b = function(){console.log("b");} 
}); 

そして:

<input type="button" name="btn" onclick="a()" value="--->"><br> 
<input type="button" name="btn" onclick="b()" value="<---"> 

私はb buttonディスプレイ私は "B" をクリックするとa buttonは、私に "A" が表示さ]をクリックした場合。私はそれを押し続けます(負荷だけではありません)

1

$(document).ready()のコードは、JavaScriptコードを実行する準備ができているページDOM(Document Object Model)に一度しか実行されません。

$(document).ready(function(){ 
    a(); //executes function a on DOM load 
    b(); // executes function b on DOM load 
}); 

あなたはまた、唯一のページ全体(画像やアイフレーム)の後に実行されます$(ウィンドウ).LOAD()、だけでなく、DOMを使用することができ、準備ができています。

$(window).load(function(){ 
    a(); //executes function a on page load 
    b(); // executes function b on page load 
}); 
+0

'$(document).ready(function (){ a(); // DOM loadで関数aを実行する b(); // DOM loadに関数bを実行する }); '私は:' TypeError:$(...)が用意されていません。関数 'である。問題は何ですか?申し訳ありませんが、私はjsでnoobです。 –

+0

** jQuery **を含める必要があります。 '$(document)'関数を呼び出す前に ''を追加してください。 –

1

jqueryの$(document).ready(function(){})を使用できます。 あなたの場合:

<html> 
<input type="button" name="nav_right_btn" id="a" value="--->"><br> 
<input type="button" name="nav_right_btn" id="b" value="<---"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#a").click(function(){ a(); }); 
    $("#b").click(function(){ b(); }); 
}); 
</script> 
</html> 
関連する問題