Javascript 将内联JS更改为外部JS

我想将html底部的内联javascript更改为一个external.js文件。它会根据鼠标是否在图像上改变图像大小。我想知道我是否必须更改下面的代码，或者我是否调用了错误的css元素

<SCRIPT LANGUAGE="JavaScript">
    $('img').hover(function(){
        $(this).css({width:"100%",height:"100%"});
    },function(){
        $(this).css({width:"50%",height:"50%"});   
    });
</SCRIPT>

$（'img'）。悬停（函数（）{
$（this.css（{宽度：“100%”，高度：“100%”）；
}，函数（）{
$（this.css（{宽度：“50%”，高度：“50%”）；
});

---

我要感谢所有投票否决我的问题的人；作为初学者，当我问这个问题时（现在仍然是），你让我在这里感到温暖和舒适，让我失去了信心

你的脚本看起来不错。要从外部文件中包含它，只需创建一个新的

.js

文件，其中只包含

标记之间的文本。。。并包括如下内容：

<script src="path/file.js">

---

您的脚本看起来不错。要从外部文件中包含它，只需创建一个新的

.js

文件，其中只包含

标记之间的文本。。。并包括如下内容：

<script src="path/file.js">

---

您将有一个单独的文件，通过这种方式从HTML文档中引用

<script type='text/javascript' src='path/to/file.js'></script>

您可能还需要将javascript放入文档就绪调用中-

$(function(){
  $('img').hover(function(){
      $(this).css({width:"100%",height:"100%"});
  },function(){
      $(this).css({width:"50%",height:"50%"});   
  });
});

其他资源

---

您将有一个单独的文件，通过这种方式从HTML文档中引用

<script type='text/javascript' src='path/to/file.js'></script>

您可能还需要将javascript放入文档就绪调用中-

$(function(){
  $('img').hover(function(){
      $(this).css({width:"100%",height:"100%"});
  },function(){
      $(this).css({width:"50%",height:"50%"});   
  });
});

其他资源

---

很好，您可以将它毫无问题地移动到自己的文件中，然后将脚本标记替换为以下内容：

<script type="text/javascript" src="/path/to/your/external/js" />

---

很好，您可以毫无问题地将其移动到自己的文件中，然后用此脚本标记替换脚本标记：

<script type="text/javascript" src="/path/to/your/external/js" />

我不得不添加“$（document）.ready（function（）{”）并开始工作

$(document).ready(function(){
    $('img').hover(function(){
        $(this).css({width:"100%",height:"100%"});
    },function(){
        $(this).css({width:"50px",height:"50px"});   
    });
});`

我不得不添加“$（document）.ready（function（）{”），它就开始工作了

$(document).ready(function(){
    $('img').hover(function(){
        $(this).css({width:"100%",height:"100%"});
    },function(){
        $(this).css({width:"50px",height:"50px"});   
    });
});`

---

将内容复制到外部文件，然后src it将内容复制到外部文件，然后src it这对我来说不起作用。这是php文件内部的事实会破坏它吗？@user2613088只要在加载jQuery后包含此文件，它就可以正常工作。如果不是，请将脚本放入

就绪

状态我不喜欢这样：

$（document）.ready（function（）{//your script here}）；

这对我来说不起作用。这是php文件中的一个事实会破坏它吗？@user2613088只要在加载jQuery后包含此文件，它应该可以正常工作。如果不是，请将您的脚本放入类似以下的

ready

事件中：

$（document）.ready（函数（）{///您的脚本在这里}）；

这对我不起作用。这在php文件中会破坏它吗？请确保您正确引用了js文件的路径。您可能还需要将javascript放入document ready调用中。将此添加到答案中。这对我不起作用。这在php文件中会破坏吗g it？确保您正确引用了js文件的路径。您可能还需要将javascript放入一个document ready调用中。将其添加到答案中。