如何從js文件的功能，htm文件

我有一個包含此代碼htm文件：如何從js文件的功能，htm文件

<div id="this-item"> 
    <a onclick="myFunction()"> 
     <i class="fa fa-overview"> </i> 
     <span class="nav-item"> Overview </span> 
    </a> 
</div>

和js文件：

function myFunction() 
{ 
    $("#this-item").show(); 
} 

window.initDashboard = function() { 

};

我在這裏試過是讓進入htm myFunction（）的功能。當用戶點擊文本，它應該顯示的東西，但因爲它是現在我得到一個錯誤說這個：

Uncaught ReferenceError: myFunction is not defined

我做了什麼錯，我該怎麼解決這個問題？在你的代碼

function myFunction() 
{ 
    $("#this-item").show(); 
} 

window.initDashboard = function() { 

};

來源

2017-07-17 Samurai Jack

嘗試從'function.myFunction' – mingos

取出點用一個空格替換功能和myFunction的之間的點。投票結束，因爲這是一個簡單的印刷錯誤。 – 11684

這樣做，仍然是相同的錯誤 –

來源

2017-07-17 12:23:06

刪除點試試這個

function myFunction() { 
 
alert('some text'); 
 
    $("#this-item").html('some text'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="this-item"> 
 
    <a onclick="myFunction()"> 
 
    <i class="fa fa-overview"> </i> 
 
    <span class="nav-item"> Overview </span> 
 
    </a> 
 
</div>

秀（）是沒有用的，其已經顯示的。所以，取而代之的是用'some text'來展示myfunction（）正在工作的html內容。

來源

2017-07-17 12:13:42

完成之前加載'.js'文件或'javascript'，仍然有相同的錯誤 –

您是否已將js文件鏈接到您的html文件？ –

是的，仍然沒有工作。我把它做這個'<腳本類型=「文/ JavaScript的」> 功能myFunction的（）{ ... }工作 ' –

您是否在HTML中使用myFunction（）導入了js文件？看到這個文檔獲取更多信息

來源

2017-07-17 12:29:51

是的，我做到了像但沒有工作，所以我把js函數移動到htm文件中，就像這樣：'' –

好的，很好，解決了，但檢查js文件名和路徑，如果它們是正確的，將js代碼置於HTML之外是最佳實踐 –

如何從js文件的功能，htm文件

回答

相關問題