Question

我一直在尝试将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函数，对吧？

Answer 1

您希望将JavaScript文件放在<head>或结束</body>标记之上。
代码可以去任何地方，但我建议使用外部JavaScript页面。
是
这是正确的。

Answer 2

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

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

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript">
      $(document).ready(function(){
        alert('Document Ready!');
      });
    </script>
  </head>
  <body>
  ...

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

在HTML页面的底部编写Javascript代码/是一种在文档加载后立即执行的技术，这在使用jQuery的'$（document）.ready'时是不必要的（这就是它的内容）确实 - 它抽象了在页面加载时执行Javascript函数的业务，并以跨浏览器的方式实现它。）

请参阅：Introducing $(document).ready()了解更多信息。

Answer 3

放置jQuery代码的位置并不重要。如果您将其放在head标记中，它会自动加载所有内容。如果您决定将其全部放在外部JavaScript文件中，则需要将其与<script type="text/javascript" src="my_file.js"></script>标记相关联。

'code here'部分仅适用于JavaScript。代码说的是文档准备好后，运行此函数。该函数可以是您喜欢的任何内容 - 无论您放入函数内部的任何内容都将在文档准备就绪时运行（即，当浏览器调用网页时）。

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

Answer 4

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

进入你的javascript文件。页面加载后应执行的所有javascript代码都会显示//Code here评论的位置。

也许快速的jQuery tutorial会按顺序排列？

Answer 5

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

Answer 6

放在头上。这是最稳定的方式，它的工作原理。有些人可能不同意并说它比较慢等等，但我发现这是总是工作。
您放置代码的地方取决于您。您可以使用
添加head
<script>Code here</script>

或在单独的文件中并将其包含在
中
<script src="reftomyscript.js"></script>
是的，将您的javascript代码放在头部或单独的文件中。
是的，见（1）

我在哪里放$（文件）.ready（）？

6 个答案: