Javascript 链接JS和jQuery文件_Javascript_Jquery_Html_Css

Javascript 链接JS和jQuery文件

javascript jquery html css

Javascript 链接JS和jQuery文件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对jQuery和JS非常陌生。我不太确定这里的错误是什么，但是我的JS/jQuery将不会运行。有人能检查一下我的HTML并告诉我出了什么问题吗？是否还有其他地方，比如我的js文件，我需要输入一些代码来链接页面？谢谢 <!DOCTYPE html> <html> <body> <div id="clock"></div> </body> <link rel="stylesheet" hre

我对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 type="text/javascript">google.load("jquery", "1.3.2");</script>

并在标记中移动样式表。

对于html和javascript，DOM非常重要。 html标记有两个主要子项，即head和body标记或元素

将javascript标记放在结束body标记之前。或者将其放在head标记中，您可以使用加载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>

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

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

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

time.js

html

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

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

您导入jquery文件了吗？如果上面的代码就是你的全部，你需要将jquery文件添加到你的代码中。你在哪里找到代码google.loadjquery，1.3.2？你需要告诉我们什么是及时的。js他怎么有太多的html标记？和所有其他答案一样，你可以在最后有脚本标签。你可以在最后有脚本标签。我总是把它们放在最前面。他当时有过这样的经历，这是不正常的。我从来没有真正能够用它来工作。但是当我查找它的时候。我看到它被使用的次数比我记忆中的要多。很抱歉，我将从我的回答中删除这一部分。这不是一个标记，我错了就承认。我将据此修正我的答案。感谢您提供的信息。正如已经指出的，标签应该放在底部，以避免页面加载延迟。样式表应该放在中。你能澄清我需要在这里初始化还是单独的js文件区域中放什么吗？你是说我可以把我所有的jQuery代码都放在那里？如果我将jQuery代码保存在一个单独的文件中，我会在其中键入什么？如果你想在页面加载时在time.js文件中运行一些jQuery代码，那么你就可以轻松地做到这一点。请参阅此示例：为了澄清，只需省略DoYourInitialization。。。节和脚本标签完全，只需按照我在提供的链接中提到的方式加载所有内容。例如，我链接中的内容就是time.js文件中的内容。

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

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>

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