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

Question

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

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

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

所以这是我的问题:

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

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

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

Run Code Online (Sandbox Code Playgroud)

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

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

Answer 1

Set*_*eth 10

您应该<head>在结束</body>标记中或上方使用JavaScript文件.
代码可以去任何地方,但我会建议一个外部JavaScript页面.
是
这是对的.

Answer 2

小智 9

当您的浏览器中执行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>
  ...

Run Code Online (Sandbox Code Playgroud)

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

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

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

归档时间：	14 年，5 月前
查看次数：	13924 次
最近记录：	13 年，4 月前