- 浏览: 1591058 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (624)
- C/C++ (33)
- Java (181)
- 网络相关 (7)
- 我爱篮球 (3)
- 也爱足球 (4)
- 杂谈 (1)
- 系统架构 (3)
- Web Service (14)
- Framework (3)
- 系统命令 (8)
- 管理平台相关 (8)
- 其它 (35)
- Websphere (1)
- Struts2 (24)
- Hibernate (16)
- Spring (23)
- javascript (20)
- jquery (23)
- html/css/div (28)
- 数据库 (40)
- JavaWeb (27)
- 设计模式 (2)
- 文档编写 (3)
- SVN (5)
- Ant (1)
- Maven (13)
- 软件项目管理 (8)
- AOP (1)
- kindeditor (1)
- JSON (2)
- Servlt/JSP (4)
- WordXML (2)
- XML (12)
- 面试相关 (7)
- Tomcat (11)
- 性能与调优 (29)
- 职业发展 (2)
- 操作系统 (7)
- AJAX (2)
- DWR (1)
- Eclipse (12)
- 持续集成 (3)
- 批处理命令 (1)
- Mozilla Rhino (2)
- 新鲜技术 (18)
- Apache mina (2)
- 底层技术 (18)
- Linux (22)
- 新鲜技术,IT历史 (1)
- 敏捷开发 (1)
- 版本控制 (5)
- 较火技术 (7)
- 集群 (2)
- Web前端 (13)
- 报表工具 (3)
- 网站架构 (5)
- 大数据 (8)
- 分布式存储 (5)
- 云计算 (8)
- TCP/IP协议 (1)
- 负载均衡 (3)
- 硬件 (1)
- 表现层技术 (3)
- Velocity (3)
- jvm (6)
- 并发编程 (10)
- hadoop (8)
- 数据结构和算法 (12)
- 计算机原理 (1)
- 测试驱动开发-TDD (3)
- 开发技巧 (1)
- 分词器 (1)
- 项目构建工具 (2)
- JMX (4)
- RMI (1)
- 测试技术 (22)
- 网络完全 (1)
- Git (4)
- apache开源包 (4)
- Java常用 (1)
- mock (2)
- OSGi (2)
- MongoDB (1)
- JBPM (1)
- Storm (3)
- mysql (2)
- telnet (1)
- 正则表达式 (1)
- bootstrap (4)
- Apache ActiveMQ (1)
- redis (9)
- Nginx (2)
- rsync+inotify文件同步 (2)
- testng (1)
- 原型设计工具 (1)
- 工程能力 (1)
- 风险控制 (3)
- ibatis (1)
- 分布式 (4)
- 安全技术 (1)
- 计算机基础 (4)
- 消息中间件 (1)
- UML (2)
最新评论
-
u012236967:
java命令执行jar包(里面的main函数)的方式(包括依赖其它的jar包问题) -
世界尽头没有你:
Selenium自动化测试从入门到精通(Java版)百度网盘地 ...
自动化测试工具 Selenium WebDriver 入门教程(针对主流浏览器) -
小小西芹菜:
我喜欢代码简洁易读,服务稳定的推送服务,前段时间研究了一下go ...
dwr实现Reverse Ajax推送技术的三种方式 -
hellozhouqiao:
楼主,请教一点问题.现在我们需要在excel 的页脚里面加上图 ...
FreeMaker + xml 导出word(处理目录,图片和页眉页脚问题) -
乱在长安:
使用Timer会有各种各样的问题好嘛?!书上推荐使用Sched ...
DelayQueue (ScheduledThreadPoolExecutor调度的实现)
背景:在做项目的时候,当创建功能完成跳转到一个页面并弹出“创建成功”对话框时,若是将脚本写在jsp代码最后面,或者将其放在jquery的ready函数中,发现对话框弹出时页面的一些图片还没有加载完成,如果将函数写在defer的script声明中并在ready函数中调用,就很好的解决了这一个问题.
Script中的Defer属性
如果你是一个对系统性能比较关心和在意的人,我想你应该会对Script脚本中的defer属性感兴趣的。
script中的defer属性默认情况下是false的。按照DHTML编程宝典中的描述,对于Defer属性是这样写的:
Using the attribute at design time can improve the download performance of a page because the browser does not need to parse and execute the script and can continue downloading and parsing the page instead.
也就是说:如果是编写脚本的时候加入defer属性,那么浏览器在下载脚本的时候就不必立即对其进行处理,而是继续对页面进行下载和解析,这样会提高下载的性能。
这样的情况有很多种。比如你定义了很多javascript变量,或者在引用文件(.inc)中写了很多的脚本需要处理,那不妨在这些脚本中加入defer属性,对性能的提高肯定有所帮助。
举例如下:
<script language="javascript" defer>
var object = new Object();
....
</script>
因为defer属性默认是为false的,那么在这里<script language="javascript" defer>显式声明defer属性后等同于<script language="javascript" defer=true>
声明了defer属性之后,需要判断是否有别的变量引用了defer脚本块中的变量,否则的话会导致脚本错误的产生
结合<body onload="xx()">
与
<script defer="defer">
xx();
</script>
则该JS即会在页面加载完后执行,包括IFRAME加载在内
发表评论
-
非常好用的两个js图表框架(各种图表)
2015-03-11 12:02 972它们都包含了示例以及源码: 1. HighCharts:h ... -
JQuery获取元素
2015-02-12 20:07 8751、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1300Jquery之树形插件 1、DynaTree (推荐使 ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1072http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1742如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
14款Web开发速查表(多图)
2014-08-10 23:31 4699转自:http://blog.csdn.net/ithome ... -
document.readyState等属性(判断页面是否加载完成)
2014-06-05 14:43 1320document.readyState:判断文档是否加载完成 ... -
12款好用的javascript框架
2014-02-14 17:30 1189JavaScipt几乎是所有前端开发人员必会的编程语言,并且 ... -
Backbone.js(MVC的Javascript框架)
2014-01-07 23:50 759backbone.js 提供了一套web开发的框架,通过 ... -
AngularJS(带有MVC模式的开源javascript框架)
2014-01-07 23:45 2341AngularJS 维基百科,自由的百科全书 跳转 ... -
使用Rhino在Java中调用Javascript脚本
2013-08-08 23:51 2387转自:http://www.iteye.com/ ... -
Extjs介绍
2013-07-12 20:32 1250ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技 ... -
JSTree简介
2013-06-20 15:20 1096官网:http://www.jstree.com/ Wh ... -
My97DatePicker
2013-05-28 15:32 950一. 简介 1. 简介 目前的版本是:4.8 2. ... -
JSON
2013-01-17 16:17 1311JSON(JavaScript Object Not ... -
A的href和onclick
2012-07-02 13:33 1186http://gocom.primeton.com/blo ... -
JSONObject与JSONArray的使用
2012-06-28 13:35 1404参考文献: http://blog.csdn.net/ ... -
javascript学习笔记
2012-06-21 18:01 13551.在页面中导入js(这里<c:url会将context ... -
window.showModalDialog与window.open的用法
2012-06-21 14:04 1613一、window.open()支持环境: JavaScript ...
相关推荐
本文将深入探讨如何在页面加载完成后执行特定的JavaScript事件代码,以及在实现此功能时需要注意的几个关键点。 首先,介绍页面加载状态的判断方法。在JavaScript中,可以通过监听document对象的readyState属性变化...
在网页开发中,"页面加载中js"是一个关键的概念,涉及到用户体验和页面性能优化。页面加载过程中,JavaScript(js)的执行对用户感知的页面加载速度有着直接影响。在这个主题下,我们将深入探讨JavaScript如何影响...
在JavaScript中,监听图片加载是一项常见的任务,尤其在优化页面性能和用户体验时显得尤为重要。当一张图片加载完成后,我们可能需要执行某些后续操作,比如显示图片、调整布局或执行动画等。下面将详细介绍如何使用...
在网页开发中,有时我们需要确保页面完全加载后再执行某些JavaScript函数,这有助于保证操作的正确性和用户体验。在JSP页面中,实现这个需求有多种方式。以下将详细讲解标题和描述中提到的几种常见方法: 1. **使用...
对于JavaScript加载后的网页抓取,一种常见的解决方案是使用Headless浏览器,比如Google的Chrome提供了Headless模式,它可以在没有界面的情况下运行,执行JavaScript并返回渲染后的页面内容。另一种方法是使用像...
动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...
在探讨JavaScript代码在网页加载过程中的执行顺序时,我们首先需要了解JavaScript在HTML文档中的几种嵌入方式,以及它们在页面加载过程中的执行行为。 一、HTML中嵌入JavaScript的方法 1. 直接将JavaScript代码...
在很多情况下,js代码需要设置为在页面加载之后才去执行,如果在页面没有加载完毕就执行js代码,很容易出现报错情况,因为页面中的某些dom根本没有加载完毕。本文章向大家介绍如何让js脚本在页面加载完后再执行的几...
在网页加载过程中,为了提供更好的用户体验,开发者经常使用JS来实现页面等待效果,即在内容完全加载之前展示一个等待动画或者提示,让用户知道页面正在努力加载。 "js加载页面等待效果"主要涉及到以下几个关键知识...
首先,`javascript`是网页脚本语言,它赋予了HTML页面交互性,允许我们在用户与页面交互时执行各种操作。而`jQuery`是一个轻量级的JavaScript库,简化了许多复杂的JavaScript任务,如DOM操作、事件处理和动画效果。 ...
总结来说,要获取执行JavaScript后的网页源代码,可以使用C#中的`WebBrowser`控件。将其放在单独线程中执行,以防止阻塞主程序,同时设置超时机制,确保在规定时间内完成加载,避免程序无响应。通过这种方式,我们...
在网页开发中,确保JavaScript代码在HTML页面完全加载完毕后再执行是至关重要的,因为这可以避免因元素未加载而导致的错误。本文将介绍两种方法来实现在HTML页面加载完成后运行JavaScript代码。 首先,我们来看传统...
在JavaScript编程中,确保页面加载完毕后再执行代码是非常重要的,特别是在涉及到DOM操作的时候。这是因为DOM元素如果没有完全加载,执行相关的JavaScript代码可能导致错误。本文将总结几种在页面加载完成后执行...
这两种策略都提供了在Vue.js中确保页面完全加载后执行方法的方法。选择哪种取决于具体的应用场景和需求。对于复杂的应用,可能还需要结合Vue的其他特性,如`nextTick`或异步数据获取,以确保在DOM更新或数据加载完成...
JavaScript在页面加载时的执行顺序是网页开发中的核心概念,对于理解JavaScript如何与HTML交互至关重要。以下是对这个主题的详细阐述: 一、JavaScript在HTML中的嵌入方法: 1. **内联方式**:直接在`<script>`和`...
在这个过程中,浏览器会按照HTML、CSS、JavaScript的顺序逐行解析资源,最后加载JS广告。这样的加载策略有助于优化用户体验,因为主要内容可以更快地呈现给用户,而广告通常被视为非关键元素。 首先,我们来看网页...
JavaScript在页面加载时的执行顺序是网页开发中的关键概念,对于理解JavaScript如何与HTML交互至关重要。以下是关于这一主题的详细解释: 首先,我们来看在HTML中嵌入JavaScript的几种常见方式: 1. **内联脚本**...
在JavaScript中,我们通常使用window对象的onload事件处理器来确保特定的脚本在页面完全加载后执行。window对象代表了浏览器窗口,而window.onload事件处理器可以绑定一个函数,这个函数会在页面及其依赖的所有资源...