不同的javascript执行上下文的行为

有一个弹出窗口说 – alert("Hi Tuhin!");
当我们使用下面列出的各种方法和事件的警报时,有什么基本区别:

  1. 直接在脚本标签示例alert("Hi Tuhin!");
  2. document.addEventListener( "DOMLoaded", function(){alert("Hi Tuhin!");}, false);
  3. window.onload = function(){ alert("Hi Tuhin!"); } window.onload = function(){ alert("Hi Tuhin!"); }
  4. $("document").ready( function () { alert("Hi Tuhin!"); });
  5. window.alert("Hi Tuhin!")

嗯,这更像是这些警报如何/何时被解雇的问题。

1)当script加载时,这将发出警报,只要你的代码到达那么远,就会发出警告。

2)不太确定你要在这里调用哪一个,不推荐使用的document.observe('dom:loaded', function(){})或者document.addEventListener("DOMContentLoaded", function(event){}) 。 后者,我假设是你的意思,一旦加载DOM就会触发,而不等待任何CSS /图像完成。

3) window.onload将在DOM中加载所有元素后触发,包括图像和诸如此类的东西。

4) $("document).ready()类似于DOMContentLoaded触发,一旦加载DOM就会触发它。

5) window.alert()非常类似于只使用alert() ,但是如果你的作用域中有一个名为alert的函数,则调用window.alert()是一个好主意。