從html中的一個JavaScript文件中調用函數

Question

我現在在單獨的文件中編寫JavaScript，現在我想使用在.js文件中編寫的函數

的HTML

<html lang="en">
<head>
    <title>try</title>
</head>
<body onload="hide()" > 
    <div id="final">
        <p> Hello World</p>
    </div>
    <script src="js/userFunction.js"></script>
</body> 
</html>

JS文件

function hide(){
  $("#final").hide();
}

它不起作用，請建議

Answer 1

您尚未包含jQuery文件

<html lang="en">
<head>
    <title>try</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
     function hide(){
     $("#final").hide();
    }
    </script>
</head>
<body onload="hide()" > 
    <div id="final">
        <p> Hello World</p>
    </div>
    <script src="js/userFunction.js"></script>
</body> 
</html>

jQuery只是對jquery文件的在線引用。 您可以下載js文件，將其保存在本地項目文件夾中，然后從那里引用它。

要么

如果函數在“ js / userFunction.js”中，請確保路徑正確，如果路徑正確並且仍然無法正常工作，請嘗試將腳本文件加載到head標記中。 在實際調用腳本文件中的功能之前，需要先加載該腳本文件。

Answer 2

這將不起作用，因為您尚未在頁面中添加jquery庫，因此在控制台中將出現錯誤，指出$ is not defined ：

因此，在腳本之前添加jquery庫：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

或者您也可以使用本機js：

function hide(){
  document.getElementById("final").style.display = 'none';
}

而不是內聯js嘗試不引人注意：

如果使用jQuery：

$(function(){
    hide(); // <----call your hide func here
});

使用本地js：

window.onload = function(){ 
    hide(); // <----call your hide func here
};

Answer 3

這是一個純JavaScript解決方案。 http://jsfiddle.net/6Wems/

的HTML

<div id="final">
    <p> Hello World</p>
</div>

如果不想使用jquery，請將其放在HTML的頭部：

window.onload=function(){
  document.getElementById("final").style.display = 'none';
}

從html中的一個JavaScript文件中調用函數

問題描述

3 個解決方案

解決方案1
2 2014-03-10 08:16:18

解決方案2
1 2014-03-10 08:26:02

解決方案3
0 2014-03-10 08:18:15

從html中的一個JavaScript文件中調用函數

問題描述

3 個解決方案

解決方案1 2 2014-03-10 08:16:18

解決方案2 1 2014-03-10 08:26:02

解決方案3 0 2014-03-10 08:18:15

解決方案1
2 2014-03-10 08:16:18

解決方案2
1 2014-03-10 08:26:02

解決方案3
0 2014-03-10 08:18:15