链接JS和jQuery文件

Linking JS and jQuery files

本文关键字：文件 jQuery JS 链接      更新时间：2023-09-26

我是jQuery和JS的新手。我不太确定这里的错误是什么，但我的JS/jQuery不会运行。有人可以审查我的HTML，让我知道什么是错的?是否有另一个地方，像我的js文件，我需要输入一些代码链接页面在一起?谢谢你！:) 

  <!DOCTYPE html>
  <html>

 <body>
 <div id="clock"></div>

  </body>
 <link rel="stylesheet" href="style.css">
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.3.2");</script>
<script src="time.js"></script>
 </html>

使用说明:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

代替

<script type="text/javascript">google.load("jquery", "1.3.2");</script>

和移动你的样式表在<head>标签。

  <!DOCTYPE html>
  <html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script src="time.js"></script>
  </head>
 <body>
     <div id="clock"></div>  
  </body>   

 </html>

最可能的原因是您的代码没有等待jQuery库加载。

使用google loader将异步加载库，所以除非你使用。load调用的回调特性，否则你的代码将在jQuery加载之前运行。

所以在google之前包含time.js。加载调用，并将任何需要立即运行的代码放入回调函数中，当.load完成时可以调用

time.js 

function jQueryReady(){
   //do your ready code here
}


<script type="text/javascript" src="time.js"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2",{
       callback:jQueryReady
    });
</script>

谷歌。加载文档

另一个选择是从cdn/自己的服务器加载jquery首先，而不是使用谷歌。加载

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="time.js"></script>

您可以使用以下方法加载jquery。它比使用google.load()方法的性能稍微高一些。这不是一个巨大的收益，但它确实减少了一些不必要的HTTP请求:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
      $(document).ready(function() {
        // This is more like it!
      });
</script>

编辑1:这是你的文件可能看起来的样子:

<!doctype html>
<html>
   <head>
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
       <div id="clock"></div>
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
       <script>
          $(document).ready(function() {
            // Do your initialization here or in a separate js file.
          });
       </script>
       <script src="time.js"></script>
    </body>
 </html>

对于html和javascript来说，DOM是非常重要的。html标签有两个主要的子标签，即头和体标签或元素。

将javascript标签放在结束正文标签之前。或者把它放在head标签

相关文章：