- 浏览: 1564172 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (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 926它们都包含了示例以及源码: 1. HighCharts:h ... -
JQuery获取元素
2015-02-12 20:07 8461、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1269Jquery之树形插件 1、DynaTree (推荐使 ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1036http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1705如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
14款Web开发速查表(多图)
2014-08-10 23:31 4666转自:http://blog.csdn.net/ithome ... -
document.readyState等属性(判断页面是否加载完成)
2014-06-05 14:43 1271document.readyState:判断文档是否加载完成 ... -
12款好用的javascript框架
2014-02-14 17:30 1157JavaScipt几乎是所有前端开发人员必会的编程语言,并且 ... -
Backbone.js(MVC的Javascript框架)
2014-01-07 23:50 724backbone.js 提供了一套web开发的框架,通过 ... -
AngularJS(带有MVC模式的开源javascript框架)
2014-01-07 23:45 2305AngularJS 维基百科,自由的百科全书 跳转 ... -
使用Rhino在Java中调用Javascript脚本
2013-08-08 23:51 2302转自:http://www.iteye.com/ ... -
Extjs介绍
2013-07-12 20:32 1209ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技 ... -
JSTree简介
2013-06-20 15:20 1061官网:http://www.jstree.com/ Wh ... -
My97DatePicker
2013-05-28 15:32 905一. 简介 1. 简介 目前的版本是:4.8 2. ... -
JSON
2013-01-17 16:17 1270JSON(JavaScript Object Not ... -
A的href和onclick
2012-07-02 13:33 1157http://gocom.primeton.com/blo ... -
JSONObject与JSONArray的使用
2012-06-28 13:35 1369参考文献: http://blog.csdn.net/ ... -
javascript学习笔记
2012-06-21 18:01 13231.在页面中导入js(这里<c:url会将context ... -
window.showModalDialog与window.open的用法
2012-06-21 14:04 1586一、window.open()支持环境: JavaScript ...
相关推荐
本篇文章主要是对javascript页面加载完执行事件的代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
js监听某张图片是否加载完成,完成后再执行相应代码,亲测有效,图片加载完再执行相对应代码,让前面页面看起来更流畅
实现jsp页面完全加载完成后执行一个js函数的方法有很多,在本文就简单为大家介绍下常用的几种,感兴趣的朋友不要错过
在很多情况下,js代码需要设置为在页面加载之后才去执行,如果在页面没有加载完毕就执行js代码,很容易出现报错情况,因为页面中的某些dom根本没有加载完毕。本文章向大家介绍如何让js脚本在页面加载完后再执行的几...
在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码,之所以这么操作是有道理的,如果是操作dom元素,如果相关元素没有加载完成,而去执行js代码,可能会导致错误,下面就介绍一下如何实现页面加载完成再...
Javascript代码在页面加载时的执行顺序介绍,需要的朋友可以参考一下
使用一个线程,并在线程中使用webBrowser控件来获取网页源代码,只有使用了webBrowser控件,才可以让网页执行完js代码,获取真正的网页源代码。有使用线程超时设置,超时后就停止线程。
主要介绍了Vue.js 关于页面加载完成后执行一个方法的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
主要介绍了通过两种方法实现在HTML页面加载完毕后运行某个js,需要的朋友可以参考下
主要介绍了JavaScript实现当网页加载完成后执行指定函数的方法,实例分析了javascript加载页面及执行函数的技巧,需要的朋友可以参考下
但是[removed]是在页面元素都加载完毕后才执行,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。所以有时我们需要在DOM载入时马上执行一些函数。jQuery提供了document.ready方法用来代替[removed]。但...
主要介绍了详解Vue.js在页面加载时执行某个方法的实现代码,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
网页js脚本注入,可执行任意代码。这里有个实例教程,通过注入实现跳过验证码。
JAVASCRIPT在页面加载时的执行顺序[参考].pdf
利用多种方法实现jsp页面加载,执行js函数。