`

第一课 页面的加载顺序

HTML 
阅读更多
一般我们都知道
window.body.onload=什么是在加载的时候加载呵呵！
殊不知加载还有先后！

editplus新建HTML页面
copy如下代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

  <script language="javascript">
alert('我是最先加载的，我在head中')
var Startime,Endtime;
var now =new Date()
Startime=now.getTime();

</script>
</HEAD>

<BODY onload="onloadPage()">
 
</BODY>
</HTML>
<script language="javascript">

function onloadPage()
{   alert('现在才是onload')
   var now1 =new Date()
    Endtime=now1.getTime()
   document.write ('<br>load time：');
   document.write ((Endtime-Startime));
   document.write ('毫秒');
}
alert("鬼子来了！");
</script>





懂得了页面的加载顺序后，我们可以运用到当页面加载的东西很多的时候，搞个等待框，然后，在页面加载完毕的地方将等待的框关闭！
这行代码放在页面的底部
<script language="javascript">
document.getElementById("loadingid").style.display="none";//关闭那个等待的div
</script>
分享到：
| eclipse 下环境变量的设置
评论
发表评论

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

相关推荐

    Photoshop CS5视频教程全集下载第5课 网页设计案例.zip

    9. **网页切片**：学习使用切片工具将大型图像分割成多个小块，以便于网页加载和优化。 10. **导出与优化**：理解网页设计中图像的格式选择（如JPEG、PNG、GIF），学习如何导出和优化图像以适应网页环境。 通过这...

    第课用Dreamweaver布局页面优秀文档.ppt

    在本课程中，我们将深入探讨如何使用Adobe Dreamweaver这一强大的网页设计工具来布局页面。Dreamweaver是专业网页设计师的首选工具，以其直观的界面和丰富的功能为用户提供了高效的设计体验。本课的重点在于掌握表格...

    第八课 css入门-011

    - **加载顺序**：实际上，如果内嵌、链接和导入样式都在同一个`&lt;head&gt;`标签内，那么离元素近的样式优先级更高。 了解这些基础的CSS知识后，可以开始实践和探索更复杂的布局技巧，如浮动布局、定位、盒模型、响应式...

    Servlet1-5lesson-demo.rar_One Lesson

    第一课可能涉及到Servlet的入门知识，包括Servlet的生命周期、服务方法（`service()`）以及Servlet容器（如Tomcat）如何加载和实例化Servlet。通常，开发者会创建一个类去实现`javax.servlet.Servlet`接口或者继承`...

    CSS样式表授课PPT

    这个“CSS样式表授课PPT”包含了对这一关键技能的深入讲解，分为两部分：第一课——Css 样式基本知识和第二课——在网页中使用Css样式。 ### 第一课：Css 样式基本知识 1. **定义和用途**：CSS是用于分离网页内容...

    30课 Vue项目第四天.rar

    在本课程中，我们将深入探讨Vue.js框架的项目开发，主要关注"30课 Vue项目第四天"的内容。Vue.js是目前非常流行的前端JavaScript框架，以其简洁、易学且功能强大的特性深受开发者喜爱。在第四天的学习中，我们将会...

    第二十课 导航守卫1

    在前端开发中，Vue.js 的路由管理库 Vue Router 提供了一种强大的机制——导航守卫，用于控制页面的导航流程。导航守卫允许我们在跳转前后执行特定的逻辑，如验证用户权限、处理表单数据等。本篇将详细介绍三种类型...

    爬虫课v2-3webscraper原理浅析.pdf

    - **Delay**：设置延迟时间，确保网页完全加载后再进行抓取，防止因页面未完全加载导致的数据丢失。一般建议的延迟时间为2000至5000毫秒。 2. **爬虫数据抓取原理** 当选择器选中两个相同类型的元素后，所有同...

    05A、Javascript程序设计(上)1

    &lt;h1 id="a1"&gt;DOM 第一课 ``` JavaScript中的变量是动态类型的，可以通过`var`关键字声明，运算符和表达式则构成了程序的基础逻辑。字符串是JavaScript中常见的数据类型，可以进行连接、查找、替换等操作。函数是可...

    webgl17-21课高级变换+动画基础

    在第17-21课中，你将学习如何使用4x4矩阵来表示这些变换，并理解如何组合这些变换以创建复杂的运动效果。理解矩阵乘法的顺序以及如何使用矩阵堆栈（matrix stack）或统一变换矩阵（uniform transformation matrix）...

    VC学习大纲 VC学习讲义

    #### 第一课：Windows程序运行原理及程序编写流程 - **Windows程序运行原理**：在Windows环境中，程序的执行依赖于操作系统提供的服务，比如内存管理、进程调度等。Windows程序的核心在于它如何处理操作系统传递过来...

    python入门到高级全栈工程师培训 第3期 附课件代码

    第13章共1课 第14章 01 数据类型和变量总结 02 集合定义和基本操作方法 03 集合关系运算交，差，并集 04 集合的其他内置方法 05 集合补充 06 百分号字符串拼接 07 format字符串格式化 08 数学意义的函数与python中...

    15_王文峰JSpch03课后.zip

    JSP是一种在服务器端运行的动态网页技术，由Sun Microsystems（现已被Oracle公司收购）开发，用于构建和展示动态Web内容。它允许开发者在HTML代码中嵌入Java代码，实现数据的动态生成，广泛应用于Web应用开发。 ...

    零基础学ASP.NET.2.0动画教程

    文件列表中的数字可能代表了教程的不同章节，比如06.exe可能对应第六课的内容。在ASP.NET 2.0的学习过程中，你可能会遇到以下几个关键知识点： 1. **页面生命周期**：理解页面从请求到响应的完整过程，包括初始化、...

    CSS学习笔记 培训时候老师讲的我做的笔记

    以上就是我笔记中的主要内容，每个主题都包含了大量的细节和实例，具体的内容可以在“第1课”至“第12课”的文本文件中找到。这些文件按照课程顺序，逐步深入讲解了CSS的各个方面，无论是初学者还是有一定经验的...

    最全的windows操作系统快捷键

    3. **右箭头键** - 展开当前选择下的所有文件夹或选择第一个子文件夹。 4. **NUM LOCK + * (星号)** - 展开当前选择下的所有文件夹。 5. **NUM LOCK + 加号(+)** - 展开所选的文件夹。 6. **F6** - 在左右窗格...

    -Frontend1-clase3-4

    在前端开发的学习过程中，第三堂课“Frontend1-clase3-4”主要聚焦于HTML这一核心技术。HTML，全称HyperText Markup Language，是构建网页的基础语言，它定义了网页的结构和内容。在这个阶段的学习中，我们将深入...

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