- 浏览: 527779 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (740)
- css (4)
- jquery (8)
- javascript (23)
- html (0)
- uml (0)
- 设计模式 (1)
- 开发工具 (14)
- json (4)
- struts 1.x (3)
- spring (3)
- hibernate (6)
- struts 2.x (17)
- JFreechart (0)
- j2se (48)
- jsp (9)
- flex (22)
- 找工作 (1)
- 技术杂谈 (18)
- 网络编程 (5)
- io流 (1)
- ORACLE (15)
- 报表 (3)
- extjs (11)
- jpbm (2)
- swing (5)
- jspereports (3)
- sql (1)
- linux (15)
- ps (1)
- storm (4)
- hbase (8)
- li (0)
- python (1)
- hive (3)
- 机器学习 (1)
- hdfs (1)
- elasticsearch (1)
- hadoop 2.2 (5)
- hadoop (1)
最新评论
-
Tristan_S:
这个有点意思
ASM -
starryskydog:
程序修改detail band部分的样式 如内容字体大小 ...
使用jasperReport实现动态表头 -
samwong:
Good, so usefule
使用YUI Compressor压缩CSS/JS -
gc715409742:
能够告诉我怎么在web项目中使用YUI Compressor? ...
使用YUI Compressor压缩CSS/JS -
JsonTeye:
您好! 我看你的代码,我现在也在做动态报表,实现功能由用户自己 ...
使用jasperreport动态生成pdf,excel,html
/*Javascript 动态加载*/
var JsLoader={};
//预计加载个数
JsLoader.LoadCount=0;
//已经加载个数
JsLoader.LoaderNumber=0;
JsLoader.Load=function(js,id,callback)
{
var scriptId = document.getElementById(id);
if (scriptId)
{
if (callback)
callback();
JsLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
if (JsLoader.OnLoad)
JsLoader.OnLoad();
}
else
{
var script = document.createElement("script");
script.id = id;
script.type = "text/javascript";
script.onload = script.onreadystatechange = function()
{
if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')
{
return;
}
script.onreadystatechange = script.onload = null;
//当前文件加载完毕,触发回调事件
if (callback)
callback();
JsLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
if (JsLoader.OnLoad)
JsLoader.OnLoad();
};
script.src = js;
var head = document.getElementsByTagName('head').item(0);
head.appendChild (script);
}
}
/*Css 动态加载*/
var CssLoader={};
//预计加载个数
CssLoader.LoadCount=0;
//已经加载个数
CssLoader.LoaderNumber=0;
CssLoader.Load=function(css,id,callback)
{
var cssId = document.getElementById(id);
if (cssId)
{
if (callback)
callback();
CssLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
if (CssLoader.OnLoad)
CssLoader.OnLoad();
}
else
{
var link = document.createElement("link");
link.id = id;
link.rel="stylesheet";
link.type = "text/css";
link.onload = link.onreadystatechange = function()
{
if (link.readyState && link.readyState != 'loaded' && link.readyState != 'complete')
{
return;
}
link.onreadystatechange = link.onload = null;
//当前文件加载完毕,触发回调事件
if (callback)
callback();
CssLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
if (CssLoader.OnLoad)
CssLoader.OnLoad();
};
link.src = css;
var head = document.getElementsByTagName('head').item(0);
head.appendChild (link);
}
}
var JsLoader={};
//预计加载个数
JsLoader.LoadCount=0;
//已经加载个数
JsLoader.LoaderNumber=0;
JsLoader.Load=function(js,id,callback)
{
var scriptId = document.getElementById(id);
if (scriptId)
{
if (callback)
callback();
JsLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
if (JsLoader.OnLoad)
JsLoader.OnLoad();
}
else
{
var script = document.createElement("script");
script.id = id;
script.type = "text/javascript";
script.onload = script.onreadystatechange = function()
{
if (script.readyState && script.readyState != 'loaded' && script.readyState != 'complete')
{
return;
}
script.onreadystatechange = script.onload = null;
//当前文件加载完毕,触发回调事件
if (callback)
callback();
JsLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (JsLoader.LoaderNumber >= JsLoader.LoadCount)
if (JsLoader.OnLoad)
JsLoader.OnLoad();
};
script.src = js;
var head = document.getElementsByTagName('head').item(0);
head.appendChild (script);
}
}
/*Css 动态加载*/
var CssLoader={};
//预计加载个数
CssLoader.LoadCount=0;
//已经加载个数
CssLoader.LoaderNumber=0;
CssLoader.Load=function(css,id,callback)
{
var cssId = document.getElementById(id);
if (cssId)
{
if (callback)
callback();
CssLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
if (CssLoader.OnLoad)
CssLoader.OnLoad();
}
else
{
var link = document.createElement("link");
link.id = id;
link.rel="stylesheet";
link.type = "text/css";
link.onload = link.onreadystatechange = function()
{
if (link.readyState && link.readyState != 'loaded' && link.readyState != 'complete')
{
return;
}
link.onreadystatechange = link.onload = null;
//当前文件加载完毕,触发回调事件
if (callback)
callback();
CssLoader.LoaderNumber+=1;
//加载个数大于或等于预计加载个数,则触发加载完毕事件
if (CssLoader.LoaderNumber >= CssLoader.LoadCount)
if (CssLoader.OnLoad)
CssLoader.OnLoad();
};
link.src = css;
var head = document.getElementsByTagName('head').item(0);
head.appendChild (link);
}
}
发表评论
-
js原型
2012-07-25 23:00 722原型是个很微妙的东西,很多人不是很理解,理解了原型对于研 ... -
js 格式化时间日期函数
2012-02-16 18:15 1020[代码] [JavaScript]代码 ... -
javascript设计模式
2011-12-19 08:26 7332011-08-31 23:55 by 聂微东, 11285 ... -
offsetLeft,Left,clientLeft的区别
2011-12-14 11:53 755假设 obj 为某个 HTML ... -
js去除两个数组中对象的某个属性相同的元素然后合并
2011-12-11 21:42 3957var dataArray1 = new Array();va ... -
javascript 命名空间
2011-11-30 19:18 1735在我们创建一个JavaScript库时,命名空间就显 ... -
读取js压缩为gzjs格式文件
2011-11-30 09:38 871最近做的Ext项目Ext的插件都比较大,对于网页的浏览 ... -
DOM事件传播
2011-11-25 15:53 728贴代码 test1.html <div i ... -
20 种提升网页速度的技巧 .
2011-11-07 14:14 823引言 不是所有人都能够使用高速 Inte ... -
动态加载js的四种方法
2011-11-03 15:08 8441、直接document.write<s ... -
ext 中的各个style
2011-10-31 14:47 1096baseCls : 所写的css将会应用到自己的组件上 ... -
javascript prototype
2011-10-25 13:19 858---------------------- android培 ... -
JavaScript Prototype 详解
2011-10-24 17:08 855---------------------- andr ... -
JS通用表单验证函数,基于javascript正则表达式
2011-10-17 13:02 851表单的验证在实际的开发当中是件很烦琐又无趣的事情今天在做一 ... -
Javascript正则表达式详解
2011-10-17 13:00 790js正则表达式是很多js开发人员比较头疼的事情,也很多人不 ... -
精通 JS正则表达式
2011-10-17 12:59 644正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入 ... -
swfupload浅析
2010-12-24 18:12 1159一、简介和示例 SWFUpload is a small J ... -
带复选框(checkbox)的树
2010-12-14 10:13 1237带复选框(checkbox)的树 <!-- start ... -
dwr处理关联对象
2010-11-19 10:31 1040<!--l version="1.0" ... -
NodeJS探索
2010-11-07 17:05 1314一、什么是NodeJS?第一眼看到这个词,估计你和我一样,以为 ...
相关推荐
// JavaScript Document ;(function($){ $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i ; i++) { var name = files[i]...
当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...
1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...
javascript、css动态加载工具
(1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...
动态加载JS文件和CSS文件,多浏览器支持。多个JS文件同时加载,加载完成后执行回调方法。 使用方法: var loader=new RemoteLoader(); loader.loadFiles(["yy.js","jj.jus"],作用域);
动态加载外部CSS与JS文件使用dom创建[removed]或者<link>标签,并给他们附加属性,如type等。然后使用appendChild方法把标签绑定到另一个标签,一般是绑到<head>。 应用: 1、提高代码的复用,减少...
今天特意给大家推荐一款css3 loading加载效果 当然,他并不是纯css3的,抱歉标题可能会有些歧义,但是偶尔的一点点js也是可以忽略的啦 附件提供了28个不同的加载效果,你可以任选一种作为你的手机网页端...
html延迟加载JS和CSS 支持ie6和ie6以上任何浏览器
javascript实现动态加载CSS.docx
loading页面加载图标css3代码里面包含9款不同效果的css3加载动画特效。
下面小编就为大家带来一篇JS 动态加载js文件和css文件 同步/异步的两种简单方式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
1.android webview通过调用js,传递数据,显示在html 上 2.这样的做法会让我们的页面效果更绚丽,显示更随心所欲!
前一段时间公司要求为了方便代码管理与整洁降低多余代码下达了一个需求:那就是统一加载css与js,可直接运行
本文详细介绍下,如何动态加载外部js文件及js;动态加载外部css样式及css样式,感兴趣的朋友可以参考下哈,希望对你学习js有所帮助
html页面动态加载,删除,替换 js/css引用
Jquery动态加载Js和Css扩展方法 $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = ...
有时候我们在设计网页的时候想动态的加载css文件,并不是将css文件写死在页面中,这时就可以使用下面方法.