`
xlaaa111
  • 浏览: 16263 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

JavaScript执行顺序的小测试

JavaScriptjQueryWindows浏览器HTML 
阅读更多 
<html>
  <head>
    <title>test.html</title>
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" >
	window.onload=function(){
		alert("5");
	}
	$(function(){
		alert("3");
	});
	alert("1");
	</script>
  </head>
  <body>
  <script type="text/javascript" >
	window.onload=function(){
		alert("6");
	}
	$(function(){
		alert("4");
	});
	alert("2");
  </script>
  </body>
</html>

 

小测试了一下，依次弹出1，2，3，4，6。

说明执行顺序为

1.<head>

2.<body>

3.<head>中jquery的$(function(){});

4.<body>中jquery的$(function(){});

5.<body>中windows.onload=function(){};

 

其中

1,2 在页面控件页面元素加载前执行，

3，4 在页面DOM完全就绪时（此时所有元素可以访问，但元素关联的文件不一定都下载完毕）执行，可按顺序执行多个，

5 在网页中所有元素（包括元素的所有关联文件）完全加载到浏览器后执行，且只执行最后一个。

分享到：
| jquery1.4使用ajax方法时需要注意：序列化 ...
评论
1 楼 select*from爱 2010-06-04  
window.onload不允许多次加载，若出现多个，则按顺序执行原则，加载最后一个
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript 全面解析各种浏览器网页中的JS 执行顺序

    总的来说，尽管 JavaScript 的执行顺序在现代浏览器中通常是可预测的，但在进行跨浏览器兼容性测试时，开发者仍需要仔细检查代码的执行情况，确保不同浏览器环境下功能的正确性和稳定性。在处理动态引入脚本的场景时...

    JavaScript学习（一）

    闭包是JavaScript中一个重要的特性，它允许内部函数访问外部函数的作用域，即使外部函数已经执行完毕。 4. **作用域与变量生命周期**：JavaScript有全局作用域和局部作用域，变量的生命周期与它们的作用域紧密相关...

    一个使用Go和JavaScript的现代负载测试工具.zip

    这使得测试更接近真实世界的情况，因为JavaScript可以精确地控制请求的发送时间、顺序和参数，以及处理响应数据。 这个工具可能包含以下几个关键组件： 1. **测试脚本**：使用JavaScript编写，定义了要执行的操作...

    JavaScript键盘事件测试小结

    在本文中，我们将深入探讨JavaScript键盘事件的测试总结，主要关注各种浏览器（如IE、Firefox、Safari和Opera）中的行为差异。 首先，键盘事件包括`keydown`、`keypress`、`input`和`keyup`。当用户按下键盘上的键...

    高性能JavaScript PDF

    7. **PDF渲染与JavaScript执行顺序**：理解PDF文档加载和JavaScript执行的顺序对于优化用户体验至关重要。JavaScript代码通常在文档加载完成后执行，因此应设计代码以适应延迟执行。 8. **调试与测试**：调试PDF中...

    JavaScript Test 小巧的Js调试软件

    7. **代码覆盖率**：对于单元测试，代码覆盖率是衡量测试质量的重要指标，JavaScript Test 可能提供了代码覆盖率工具，帮助确保测试覆盖了大部分代码。 8. **错误和警告**：在开发过程中，JavaScript Test 能够即时...

    AutoJS按顺序执行脚本.rar

    // 脚本列表，按照执行顺序排列 var scriptList = ["script1.js", "script2.js", "script3.js"]; // 用实际的脚本文件名替换 // 定义一个函数来执行脚本 function executeScript(scriptName) { try { // 导入并...

    什么是javascript,学习javascript

    4. 控制流程：包括条件语句（if...else）、循环（for、while、do...while）以及函数，用于控制程序的执行顺序。 5. 对象：JavaScript的核心特性，对象是一组键值对，可以包含数据和行为。 6. 函数：可重用的代码块，...

    一个基于下推自动机的Web测试自动执行器

    测试自动机会按照测试用例中的步骤顺序执行这些操作，并通过HTTP或HTTPS协议与Web服务器进行通信。每一步操作完成后，测试自动机会将服务器的响应与预设的结果进行比较，以判断测试是否成功。 #### 相关研究 目前...

    Html+Javascript培训测试.doc

    HTML和JavaScript是网页开发的核心技术，本测试题旨在考察应试者对这两种语言基础知识的掌握程度，特别是JavaScript的语法特性以及与HTML交互的部分。我们来逐一解析这些题目所涉及的知识点。 1. JavaScript保留字...

    JavaScript作用小结.doc

    ### JavaScript作用小结 #### 一、创建脚本块 在HTML文档中嵌入JavaScript时，最常用的方式是使用`&lt;script&gt;`标签。这可以使开发者能够编写并包含一段JavaScript代码。 1. **基本语法** ```html ...

    《高性能 JavaScript》

    2. **流程控制**：讨论如何合理安排代码执行顺序，避免不必要的重复计算。 3. **异步编程**：探讨如何利用异步编程技巧（如回调函数、Promise 和 async/await）来提高程序的响应速度。 #### 五、字符串与正则表达式...

    页面中js执行顺序

    在给定的测试代码中，可以预期的执行顺序是：首先执行标签内的alert函数，显示变量a的初始值；接着执行标签内的alert函数，此时a的值可能已经发生了改变；最后，在页面全部内容加载完成之后，执行onload事件中的...

    JavaScript异步执行辅助工具ocSteps.zip

    任务链是动态的，可以在执行过程中向任务链添加 step ，这是 ocSteps 和其他流行的异步操作库的主要区别（例如 Step, Async.js）：不是提供各种规则来定义执行顺序，而是在任务链的执行过程中逐步定义任务链。...

    IE的JavaScript调试工具

    同时，控制台也支持输入和执行JavaScript命令，方便进行即时测试和变量值的检查。 在调试过程中，你可以使用"调用堆栈"（Call Stack）窗口来查看函数调用的顺序，这有助于理解代码的执行流程。如果一个函数调用了另...

    燕十八javascript笔记

    #### 五、脚本的执行顺序 - 脚本按照在HTML文档中的顺序执行。 - 将脚本放在文档底部可以避免因为脚本加载而延迟页面渲染，提高用户体验。 #### 六、常用内置对象 - **String对象**: - `length`: 字符串长度。 ...

    Selenium执行Javascript脚本参数及返回值过程详解

    这种机制允许我们在执行脚本时按顺序传入参数，并在Javascript脚本中通过“argument”关键字来引用它们。 例如，如果我们想设置一个HTML元素的样式，可以通过传递元素对象和样式字符串作为参数来实现。在脚本中使用...

Magicbox
Global site tag (gtag.js) - Google Analytics