javascript函数在html中不起作用_Javascript_Jquery_Html

javascript函数在html中不起作用

javascript jquery html

javascript函数在html中不起作用,javascript,jquery,html,Javascript,Jquery,Html,我想从html页面中的java脚本文件调用函数。我的代码如下所示 index.html <!DOCTYPE html> <html><body> <h2>Web1</h2> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="js/main.js">&

我想从html页面中的java脚本文件调用函数。我的代码如下所示

index.html

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
    $(function() {
        myFunction1();        // call function
});
</script>

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="socket.io.js"></script>
</body>
</html>

myFunction1（）

是我的函数。它在

$（function（）{}

内，但不工作。在main.js中编写时，它正在工作

function myFunction1() {  // function declaration in global scope
alert("ff");
}

如何在

main.js

中定义

myFunction1（）

内部

$（function（）{}

？请帮助我？

尝试以下操作：

(function() {
  function myFunction1() {
      alert("ff");
  }
})()

请注意最后一行（

}）（

中的语法错误，我认为它看起来并不需要嵌套在匿名函数中。如果删除它，它应该就可以了。

以后需要jquery来使用它的一部分

基本上，您需要切换函数声明和函数调用，因为在jquery的onload中，您需要调用函数

将函数声明放在全局范围之外

函数myFunction1（）{//全局范围中的函数声明
警报（“ff”）；
}
$（函数（）{
myFunction1（）；//调用函数
})；


Web1

尝试调用函数

myFunction1（）

内部事件

它将在DOM完全加载时执行

<script type="text/javascript">
   $(document).ready(function(){    
        myFunction1(); 
   });

</script>


$（文档）.ready（函数（）{
myFunction1（）；
});


Web1
$（文档）.ready（函数（）{
myFunction1（）；
});
函数myFunction1（）{
警报（“ff”）；
}

您缺少importjQuery和最后一行的语法错误（

}）（

试试这个：

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script  type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(document).ready(function(){    
        myFunction1(); 
   });
function myFunction1() {
  alert("ff");
}
</script>
</body>
</html>


Web1
$（文档）.ready（函数（）{
myFunction1（）；
});
函数myFunction1（）{
警报（“ff”）；
}

或

<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script  type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(function(){    
        myFunction1(); 
   });
function myFunction1() {
   alert("ff");
}
</script>
</body>
</html>


Web1
$（函数（）{
myFunction1（）；
});
函数myFunction1（）{
警报（“ff”）；
}

我已将其清除。但是我的问题没有解决。请尝试以下方法：

$（document）.ready（function（）{myFunction1（）；}）控制台应位于运行html/javascript的浏览器中。按F12，面板应打开。检查控制台选项卡我想在js文件中调用$（function（）{}内的函数我想在js文件中编写js函数。是的！您可以通过将脚本部分复制粘贴到单独的js文件中，然后取消注释脚本标记的注释代码来完成。它正在工作。但是我想在js文件中调用$（function（）{}内部的函数。您在内部调用它，但可能我不理解您的问题。请添加更多信息。在我的html中，我想调用myfunction1（）。该函数在js文件中定义，在$（function（）{}内部调用。因此，我想从$（function（）{}中调用该函数.现在它不起作用了。那么就拿第一个具有全局功能的提案来说。怎么样？你能解释一下吗？
<!DOCTYPE html>
<html><body>
<h2>Web1</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script  type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
    $(function(){    
        myFunction1(); 
   });
function myFunction1() {
   alert("ff");
}
</script>
</body>
</html>