在页面完全加载后执行JS -

xinklabi

浏览: 1586827 次
性别:
来自: 吉林

最近访客更多访客>>

jamsbone

bbls

netbuddy

rx78liuliu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

在页面完全加载后执行JS

博客分类：

javascript

背景：在做项目的时候，当创建功能完成跳转到一个页面并弹出“创建成功”对话框时，若是将脚本写在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()">

与

xx();

</script>

则该JS即会在页面加载完后执行，包括IFRAME加载在内

分享到：

从源代码角度看Struts2返回JSON数据的原理 ... | JSONObject与JSONArray的使用

2012-06-28 13:41
浏览 1770
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

在页面完全加载后执行JS

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

在页面完全加载后执行JS

评论

发表评论

相关推荐

非常好用的两个js图表框架（各种图表）

JQuery获取元素

Jquery之树形插件

jquery easy ui(包含各种常用web组件)

用JQuery的方式把name相同的元素按照数组方式提交到后台

14款Web开发速查表（多图）

document.readyState等属性（判断页面是否加载完成）

12款好用的javascript框架

Backbone.js（MVC的Javascript框架）

AngularJS（带有MVC模式的开源javascript框架）

使用Rhino在Java中调用Javascript脚本

Extjs介绍

JSTree简介

My97DatePicker

JSON

A的href和onclick

JSONObject与JSONArray的使用

javascript学习笔记

window.showModalDialog与window.open的用法

最近访客更多访客>>