本地html文件不會運行javascript（在任何瀏覽器上）

Question

我嘗試在Google上進行搜索，但不確定是否找到任何與我的問題有關的問題。

非常簡單 我的PC上有一個HTML文件，屏幕上只有一個按鈕。

我在與HTML相同的文件夾中具有指向.css文件的鏈接。 .css正常工作。.顏色和形狀的屬性正常工作。

我還有一個.js文件，其中包含應在此按鈕上產生淡入淡入效果的代碼。

我正在codecademy.com上學習HTML（以及其他內容）。 他們在那里有一個測試環境，我的代碼運行良好。

但是在本地（如我所述），JavaScript代碼無法運行。 無淡入淡出效果。

我在不同的瀏覽器（Chrome，IE，Edge ...）上嘗試過。 還嘗試打開IE上的所有安全性，允許活動內容和許多其他項目。

以下是我來自html，.css和js的代碼：

HTML file (name of the file botao.html):
 <title> Button Magic </title>
     <link rel='stylesheet' type='text/css' href='stylebotao.css' >
     <script type='text/javascript' src='script.js'> </script>
 </head>
 <body>
     <div>  <br/>  strong Click me! </strong>  </div>
 </body>
 </html>

CSS文件（文件名stylebotao.css）

div  {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}

Javascript文件（文件腳本的名稱，js）

$('div').mouseenter(function(){$(this).fadeTo('fast',1)});
$('div').mouseleave(function(){$(this).fadeTo('fast',0.1)})

我該怎么辦？

Answer 1

我的猜測是您沒有包括jQuery，因此未定義$選擇器。 因此，當您嘗試$('div').mouseenter(function(){$(this).fadeTo('fast',1)}); 它給出一個錯誤，告訴您$不是函數（如果您打開控制台，您將能夠看到它）。 因此，解決方案是使用純JavaScript或在腳本之前包含jquery。

順便說一句：最好是在DOM完全加載后運行javascript，因此可以確保在代碼運行時引用的元素在那里。 在jquery中，您可以這樣操作：

$(function () {
    //your code here
});

Answer 2

您必須包含jQuery文件/ cdn。 CDN也請嘗試在body標簽底部使用腳本，除非您知道自己在做什么。

 $( document ).ready(function() { //YOUR CODE HERE });

本地html文件不會運行javascript（在任何瀏覽器上）

問題描述

2 個解決方案

解決方案1
0 2016-01-15 15:47:40

解決方案2
0 2016-01-15 16:27:12

本地html文件不會運行javascript（在任何瀏覽器上）

問題描述

2 個解決方案

解決方案1 0 2016-01-15 15:47:40

解決方案2 0 2016-01-15 16:27:12

解決方案1
0 2016-01-15 15:47:40

解決方案2
0 2016-01-15 16:27:12