- 浏览: 547305 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 759原型是个很微妙的东西,很多人不是很理解,理解了原型对于研 ... -
js 格式化时间日期函数
2012-02-16 18:15 1086[代码] [JavaScript]代码 ... -
javascript设计模式
2011-12-19 08:26 7682011-08-31 23:55 by 聂微东, 11285 ... -
offsetLeft,Left,clientLeft的区别
2011-12-14 11:53 777假设 obj 为某个 HTML ... -
js去除两个数组中对象的某个属性相同的元素然后合并
2011-12-11 21:42 3997var dataArray1 = new Array();va ... -
javascript 命名空间
2011-11-30 19:18 1772在我们创建一个JavaScript库时,命名空间就显 ... -
读取js压缩为gzjs格式文件
2011-11-30 09:38 913最近做的Ext项目Ext的插件都比较大,对于网页的浏览 ... -
DOM事件传播
2011-11-25 15:53 759贴代码 test1.html <div i ... -
20 种提升网页速度的技巧 .
2011-11-07 14:14 855引言 不是所有人都能够使用高速 Inte ... -
动态加载js的四种方法
2011-11-03 15:08 8741、直接document.write<s ... -
ext 中的各个style
2011-10-31 14:47 1136baseCls : 所写的css将会应用到自己的组件上 ... -
javascript prototype
2011-10-25 13:19 885---------------------- android培 ... -
JavaScript Prototype 详解
2011-10-24 17:08 888---------------------- andr ... -
JS通用表单验证函数,基于javascript正则表达式
2011-10-17 13:02 882表单的验证在实际的开发当中是件很烦琐又无趣的事情今天在做一 ... -
Javascript正则表达式详解
2011-10-17 13:00 827js正则表达式是很多js开发人员比较头疼的事情,也很多人不 ... -
精通 JS正则表达式
2011-10-17 12:59 678正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入 ... -
swfupload浅析
2010-12-24 18:12 1191一、简介和示例 SWFUpload is a small J ... -
带复选框(checkbox)的树
2010-12-14 10:13 1281带复选框(checkbox)的树 <!-- start ... -
dwr处理关联对象
2010-11-19 10:31 1060<!--l version="1.0" ... -
NodeJS探索
2010-11-07 17:05 1353一、什么是NodeJS?第一眼看到这个词,估计你和我一样,以为 ...
相关推荐
在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...
// 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]...
1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...
当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...
下面我们将深入探讨如何在Android的WebView中加载和使用JS、CSS以及它们带来的优势。 1. Android WebView加载HTML Android的WebView可以通过调用`loadData()`或`loadDataWithBaseURL()`方法加载HTML字符串,或者...
javascript、css动态加载工具
(1)使用JavaScript动态加载Js文件 /*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ ...
动态加载js文件可以通过创建一个script元素,并将其src属性设置为需要加载的js文件的路径。示例代码如下: ```javascript function loadJsFile(url,FileType,successCallback){ var script = document....
动态加载JS文件和CSS文件,多浏览器支持。多个JS文件同时加载,加载完成后执行回调方法。 使用方法: var loader=new RemoteLoader(); loader.loadFiles(["yy.js","jj.jus"],作用域);
在给定的文件`lazyLoadJC.js`中,可能实现了一个JavaScript库,用于延迟加载JS和CSS资源。这个库可能包含以下功能: 1. 检测浏览器兼容性,确保在IE6及更高版本上运行。 2. 针对JavaScript的延迟加载,可能使用了`...
(加载JS部分) } else if (type == "css") { var ls = document.getElementsByTagName("link"); for (i = 0; i ; i++) { if (ls[i].href === path || ls[i].title === title) return ls[i]; } s = document....
动态加载CSS的方法主要有两种:使用`<link>`标签的`rel="preload"`属性和使用JavaScript动态创建`<link>`标签。 1. 使用`<link rel="preload">`: 这是一种HTML5的预加载特性,可以提前加载关键资源,如CSS。在`...
延迟加载(Lazy Load)是一种...7. **总结**:延迟加载JS和CSS是现代Web开发中的重要优化手段,它通过按需加载策略,平衡了用户体验、性能和资源消耗。理解并掌握这种技术,对于创建高性能、响应迅速的网站至关重要。
动态加载外部CSS与JS文件是一种优化网页性能的技术,它允许我们在网页加载时按需加载资源,从而提升用户体验。这种技术通常用于大型应用或响应式设计,以减少初始页面加载时间,尤其是在用户网络环境不佳时。 首先...
在Web开发过程中,我们经常会遇到需要动态加载样式表(CSS)或脚本(JavaScript)的情况。这种方式不仅能够提高页面的加载速度,还可以实现更加灵活的功能。本文将详细介绍如何在ASP.NET Web Forms中动态添加CSS或JS...
本资源提供了一种实用的js(JavaScript)与css(Cascading Style Sheets)结合实现的加载动画,旨在提升用户体验,减少用户等待时的不耐烦感。下面将详细介绍如何利用JavaScript和CSS来创建一个美观且实用的加载效果...
以下总结了一些JavaScript实现动态加载CSS文件的方法。 ### 使用@import加载外部CSS文件 在CSS文件中,可以使用`@import`规则来导入另一个CSS文件。这种方法适用于CSS内部导入外部样式表,而非在JavaScript中使用...
总结一下,动态加载网页样式是通过JavaScript(尤其是jQuery)来实现实时更改CSS样式,提高用户体验。通过结合`jquery.cookie.js`,我们可以将用户的个性化选择保存在Cookie中,使得刷新页面后仍然能够保持用户定制...