Question

我有一个表单和两个按钮：

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

在javascript.js文件中我有：

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

我想调用函数（就在我单击按钮时），但是当文档完全加载时。我怎么办？

Answer 1

$( document ).ready()中包含的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。

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

您还可以使用 $（window）.load（），只有在整个页面（图片或iframe）（而不仅仅是DOM）准备就绪后才能执行。

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

Answer 2

你可以使用jquery＆＃39; $（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>

Answer 3

确定。所以我解决了这个问题。我刚刚用过：

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="<---">

如果我点击a button显示“a”，如果我点击b button则会显示“b”。 Everitime我按下它（不仅仅是负载）

如何在加载表单后执行ons上的js函数

3 个答案: