Question

如何将其链接到外部.js文件，我将所有JavaScript都放入其中？

我的HTML代码如下所示：

<!DOCTYPE html>
<html lang="en-US">

<head>

<meta charset="utf-8">
<title>Sweet Dreams Bakery</title>
<link rel="stylesheet" href="home.css">
<script src="jquery-3.2.1.min.js"></script>

我为每个页面创建了.js文件，它们与html文件位于同一个文件夹中，但是当我尝试将它们与库路径下面的<script src="home.js"</script>链接在一起时，没有任何作用。我希望在悬停我的徽标时开始简单的图像更改。

我还在我的HTML中尝试使用此代码的徽标中的内联技巧：

<img src="1" onmouseover="this.src='2'" onmouseout="this.src='1'">

我已尝试链接到我创建的“home.js”文件并将其添加到该文件中：

$(function(){
  $("#swaplogo").on({
   mouseenter: function(){
    $(this).attr('src','Logo1.png');
  },
  mouseleave: function(){
    $(this).attr('src','Logo.png');
  }
  });

});

我认为这应该是我给出了图像的ID，我的所有图像都在一起并在网站内正常工作。我的徽标的ID代码是：

<img id="swaplogo" alt="sweet dreams bakery logo" src="Logo.png" >

如何将外部JavaScript文件（如我的CSS文件）链接到html页面以使交互正常运行？

如何开始链接到我的JavaScript？然后如何在悬停/鼠标悬停时更改图像？

我似乎无法让我的JavaScript做任何事情

0 个答案: