我在哪里放置$(document).ready()?

问题描述 投票:0回答:4

我在HTML头部放置了指向jQuery代码的链接吗?还是在我的JavaScript代码页面?

此代码去哪里? HTML页面或我的JavaScript页面?
  1. $(document).ready(function(){ //Code here });

  2. above,通过“代码”,它们的意思是JavaScript代码,对吗?不是我的HTML代码?

    我已经阅读了有关HTML页面底部的JavaScript代码的初始化。从我所采取的措施来看,我不必使用jQuery的
    .ready
    功能来做到这一点,对呢?
  3. 您应该喜欢在
  4. <head>

    tag或上方的javascript文件。

    代码真的可以去任何地方,但我建议外部JavaScript页面。
    yyes

    这是正确的
javascript html jquery
4个回答
11
投票
当JavaScript代码在浏览器中执行时,所有随附的JavaScript文件以及您在HTML文档中这些“脚本”标签中编写的任何代码将被执行名称空间)。 因此,从某种意义上说,是否在HTML文档中编写代码或是否在包含的外部文件中写入代码都没关系 - 您可以自由执行,并且将执行相同。 您可以平衡可维护性,可重复性和便利性(考虑一下您写的功能,您可能想在其他页面上重复使用),并且无论您认为哪种函数都最好。
    制作这种混凝土 - 如果您想在HTML文件中编写代码,这是编写JavaScript的有效方法:
  1. </body>
    在jQuery网站上是介绍,供参考: 
    
    http://docs.jquery.com/tutorials:get_started_with_jquery
  2. 在HTML页面的底部写下JavaScript代码是/是一旦加载文档后立即执行它的技术,这是使用jQuery's $(Document)。它抽象了使JavaScript函数在页面加载上执行的业务,并以跨浏览器方式实现它)。
  3. 请参阅:
  4. indroducing $(document).ready()

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

标签中,它将自动加载所有内容。如果您决定将其全部放在外部JavaScript文件中,则需要将其链接到

head

TAG。

“这里的代码”部分仅适用于JavaScript。代码说的是,当文档准备就绪时,请运行此功能。该函数可以是您喜欢的 - 您在文档准备就绪时将运行的函数将运行的任何内容(即,浏览器调用网页时)。 您不需要将其插入HTML页面的底部 - 您可以在任何地方进行。人们只将其插入底部以优化其加载速度。这是不必要的

<script type="text/javascript" src="my_file.js"></script> 在JavaScript文件中go。一旦加载页面的所有JavaScript代码,应执行的所有JavaScript代码。

也许快速

jquery教程会井井有条?

或者,您可以将脚本标签放在身体的底部,而不必使用$(document).ready()function。


3
投票

在头部投入。这是最稳定的方法,它起作用。有些人可能不同意,说它较慢,等等,但是我发现这是

工作。
您将代码放置在哪里。您可以用一个

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


1
投票
//Code here


yes,将您的JavaScript代码放在头部或单独的文件中。 yyes,请参阅(1)

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.