为什么我的div中没有​​调用我的javascript函数？

Question

我希望div仅调用一个函数（而不移动我在页面上的位置），而不是调用我的JavaScript函数-它移动我在页面上的位置

我究竟做错了什么？ （在joomla内部运行）

为什么我的div中没有​​调用我的JavaScript函数？

http://....com/test.php#p3


<div id="p1" onclick="testFunction()"> 
</div>

<div id="p3">Some content</div>
<script type="text/javascript">
   testFunction();
</script>
</div>


<script type="text/javascript">


function testFunction() {
   alert("Test");
}
</script>

Answer 1

这是因为您有两个单独的脚本块，第一个脚本块调用了第二个脚本块中定义的函数。 将它们放在一个块中，它将起作用。

<div id="p1" onclick="testFunction()">click me</div>
<div id="p3">Some content</div>
<script type="text/javascript">
testFunction();
function testFunction() {
    alert("Test");
}
</script>

说您需要在顶部定义它的注释不正确，请参见此处： http : //jsfiddle.net/xDf5e/

如果您定义了一个变量函数，例如var testFunction = function(...脚本不起作用。

注意：在我给您的示例中，您也可以看到onclick正常工作。

您在这里有一个很好的有关函数提升的教程： http : //elegantcode.com/2011/03/24/basic-javascript-part-12-function-hoisting/

Answer 2

使用前应先定义测试功能

 <script type="text/javascript">
     function testFunction() {
        alert("Test");
  }
 </script>
 <div id="p1" onclick="testFunction()"> 
 </div>
 <div id="p3">Some content</div>
 <script type="text/javascript">
   testFunction();
 </script>
 </div>