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

Question

有一个弹出窗口说 - alert("Hi Tuhin!");
当我们使用下面列出的各种方法和事件的警报时，有哪些基本区别：

1. 直接在脚本标记示例<script type="text/javascript">alert("Hi Tuhin!");</script>
中
2. 在document.addEventListener( "DOMLoaded", function(){alert("Hi Tuhin!");}, false);
内
3. 内部window.onload = function(){ alert("Hi Tuhin!"); }
4. $("document").ready( function () { alert("Hi Tuhin!"); });
5. <script type="text/javascript"> window.alert("Hi Tuhin!") </script>

Answer 1

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

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（）是一个好主意。