Question

我对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>

Answer 1

使用：

<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>代码中移动样式表。

Answer 2

  <!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>

Answer 3

您可以使用following approach加载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>

Answer 4

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

使用google加载程序将异步加载库，因此除非使用.load调用的回调功能，否则time.js中的代码将在加载jQuery之前运行。

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

<强> time.js

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

<强> HTML

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

google.load documentation

另一种选择是首先从cdn / own服务器加载jquery，而不是使用google.load加载它

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

Answer 5

在html和javascript方面，DOM非常重要。 html标签有两个主要的子元素，即head和body标签或元素。

将javascript标记放在结束标记之前。或将其放在头标记

中

链接JS和jQuery文件

5 个答案: