Question

我刚开始使用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

Answer 1

您需要将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>

在html代码中导入几个js文件

1 个答案: