Question

我想将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>

我要感谢所有拒绝投票的人;当我开始问我这个问题时（我还是），你让我感到温暖和舒适，让我失去了信心。

Answer 1

您将拥有一个单独的文件，您可以从HTML文档中以这种方式引用该文件

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

该文件仅包含您的实际代码，即此

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

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

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

其他资源

Answer 2

你的脚本看起来很好。要从外部文件中包含它，您只需创建一个新的.js文件，其中只包含<script>标记之间的文本...并将其包含在内：

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

Answer 3

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

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

Answer 4

我必须添加“$（document）.ready（function（）{”并开始工作。

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

将内联JS更改为外部

4 个答案: