0

我刚刚从 Jquery 开始,我在我的 html 文件中导入了 jquery 文件 src="http://code.jquery.com/jquery-latest.min.js。我还想导入我在其中创建的其他函数同一个文件。这怎么可能导入多个 js 文件?例如,我想将准备好的从 html 文件分离到一个新的 js 文件:

enter <!DOCTYPE html>
      <html>
      <head>

      <link rel="stylesheet" type="text/css" href="site.css" />
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
      </script>

      </head>

      <body>

   <h1><b> TWEET PEAK  </b></h1>
   <a class="button_example button_about" href=" menu.html">    </a>

   <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 

    <script> 
        $(document).ready(function(){

        $('img').animate({top:'+=100px'},1000);
    });
</script>

    </body>
    </html>here
4

1 回答 1

3

您需要将 JavaScript 代码放在一个单独的文件中,并使用另一个脚本标记链接到它。例如,如果您将 JavaScript 放在一个名为“mycode.js”的文件中,您将像这样链接到它:

<script type="text/javascript" src="mycode.js"></script>

在此示例中 mycode.js 将包含:

$(document).ready(function(){

    $('img').animate({top:'+=100px'},1000);
});

编辑,更清楚:

这是我看到您的示例代码的方式:

  <link rel="stylesheet" type="text/css" href="site.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
  </script>
  <script type="text/javascript" src="mycode.js"></script>
  <style> img { position: relative; } </style>
  </head>

  <body>

<h1><b> TWEET PEAK  </b></h1>
<a class="button_example button_about" href=" menu.html">    </a>

<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 


</body>
</html>
于 2013-10-03T12:34:49.757 回答