我在哪里放$(文件).ready()?

我一直在尝试将JavaScript添加到我的HTML / CSS中,但一直在圈子中运行。

我目前的设置是html,CSS和JavaScript文件(2个文件;我的JavaScript代码和jQuery的代码)都是独立的,但是通过html页面相互链接。

所以这是我的问题:

1)我是否将链接放在html头中的jQuery代码中? 或者在我的JavaScript代码页中?

2)这段代码在哪里? html页面,还是我的JavaScript页面?

$(document).ready(function(){ //Code here }); 

3)上面,’代码在这里’,它们意味着JavaScript代码,对吗? 不是我的HTML代码?

4)我已经阅读了关于在html页面底部初始化JavaScript代码的内容。 从我的观点来看,我不需要使用jQuery的.ready函数,对吗?

  1. 您应该在或结束标记之上的JavaScript文件。
  2. 代码可以去任何地方,但我会建议一个外部JavaScript页面。
  3. 这是对的。

当您的浏览器中执行Javascript代码时,所有包含的Javascript文件以及您在HTML文档中的这些“脚本”标记之间编写的任何代码将被执行,就好像它们都是一个巨大文件的一部分(相同的命名空间) )。 因此,从某种意义上说,无论您是在HTML文档中编写代码还是将其写入您包含的外部文件中都无关紧要 – 您可以自由地执行任何操作,并且执行相同。 您可以平衡可维护性,可重用性和便利性(考虑您可能希望在其他页面上重复使用的function)并根据您认为最好的方式进行操作。

为了使这个具体 – 如果你想在HTML文件中编写代码,这是编写Javascript的一种有效方法:

       ... 

以下是jQuery站点的介绍,供参考: http : //docs.jquery.com/Tutorials : Getting_Started_with_jQuery

在HTML页面底部编写Javascript代码/是一种在文档加载后立即执行的技术,这在使用jQuery的’$(document).ready’时是不必要的(这就是它的作用 – 它抽象使Javascript函数在页面加载时执行的业务,并以跨浏览器的方式实现它。

请参阅: 介绍$(document).ready()以获取更多信息。

放置jQuery代码的位置并不重要。 如果将它放在head标签中,它会自动加载所有内容。 如果您决定将其全部放在外部JavaScript文件中,则需要将其与标记链接。

‘code here’部分仅适用于JavaScript。 代码所说的是文档准备就绪后,运行此function。 该函数可以是您喜欢的任何内容 – 无论您放入函数内部的任何内容都将在文档准备就绪时运行(即,当浏览器调用网页时)。

您无需将其插入HTML页面的底部 – 您可以在任何地方执行此操作。 人们只在底部插入它以优化其加载速度。 这不重要。

 $(document).ready(function(){ //Code here }); 

进入你的javascript文件。 页面加载后应该执行的所有javascript代码都在//Code here注释的位置。

也许快速的jQuery教程是有序的?

或者,您可以将脚本标记放在正文的底部,而不必使用$(document).ready()函数。

  1. 放在头上。 这是最稳定的方式,它的工作原理。 有些人可能不同意并说它比较慢等等,但我发现这总是有效的。
  2. 您放置代码的地方取决于您。 你可以把头放进去

    或者在一个单独的文件中包含它

  3. 是的,将您的javascript代码放在头部或单独的文件中。
  4. 是的,见(1)