Javascript或jQuery中脚本或插件的生命周期

Question

我几乎是网络开发的新手,我正面临着Javascript/jQuery.我想了解如何在html页面中执行脚本.我是一名C/Java程序员,对这些语言的引用可以帮助我.我知道如果我们想在页面加载后执行它,可以在标题或主体末尾插入一个脚本.我知道一个函数可以被DOM事件调用(我将事件与中断信号相关联).我想知道的是如果这样的脚本:

<script type="text/javascript">
//<![CDATA[
var i=10;
if (i<5)
  {
  // some code
  }
//]]>
</script>

在身体或头部元件中仅执行一次或连续执行.jQuery的行为方式与Javascript相同吗？插件怎么样？它们是否一直存在显示页面(如并行线程)或者它们是事件驱动的(通过单击/调整大小等或使用计时器来调用它们)？我知道这是一个非常普遍的问题,可能它不能用几行来解释,但是一些基本的解释和一些文档的链接将非常感激.

谢谢!

Answer 1

jQuery只是一个用JavaScript编写的库,它主要简化DOM操作并处理AJAX请求.如果你想了解JS的工作方式,请暂时忘掉jQuery.

关于脚本执行:浏览器解析HTML并从中创建DOM.当浏览器遇到<script>标记及其内容时,它会为其创建一个DOM元素,将其添加到树中并执行代码.然后它继续解析下一个标记,这意味着代码只执行一次.
在解析过程中执行脚本的原因是脚本已经可以立即操作HTML(例如,使用document.write(虽然不是很好))并因此更改解析器必须解析的内容.可以使用defer属性延迟脚本执行,直到文档被完全解析(直到现在我还没有经常在实时代码中看到该属性).

script在您离开或重新加载页面之前,所有标记共享相同的范围,全局范围和执行环境.因此,在一个脚本中定义一个变量并在另一个脚本中访问它是完全有效的,事实上当你在页面中包含像jQuery这样的库时,你正在做的事情.

<script>
    var foo = 'bar';
</script>
<!-- other HTML code -->
<script>
    alert(foo);
</script>

您可能会发现有关scripts的HTML文档很有帮助.