代码如下: //初始化导航背景,iframe容器 function fnDaoHangBg() { var h = fnGetHeight(),w = fnGetWidth();//获取背景窗口大小 if(!$(divDaoHangBg)) { var div = $C(div);//创建背景蒙板 div.id = divDaoHangBg; div.style.backgroundColor = black; div.style.position = absolute; div.style.filter = alpha(opacity=80); div.style.opacity = .80; div.style.zIndex = 100001; div.style.left = 0; div.style.top = 0; div....
代码如下: 广告代码最后加载 //ad("open",'alert("ddd")'); var JSScript = { inject:function (htmlId,jsCode){ var script = document.createElement("script"); script.text = jsCode; document.getElementById(htmlId).appendChild(script); }, loadeing:function (url,charset,callback){ var script = document.createElement("script"); script.src = url; script.charset = charset; script.loaded= false; script...
先加载完页面再加载广告的原理: 网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。 使用方法: 1、将以下代码放置页面中想要放广告的地方 代码如下: 载入中… 2、将一下代码放置页面底部,也就是foot...
这样虽没有对功能有什么影响,可是体验总不怎么好,那如何解决这个问题了,网上有很多文章都有说过在被目标页加载后设置window.status = "xx"这类的,可是我发现这个方法这样的情形下并不怎么好使。 代码如下: 然后在1.html页面中加入 代码如下: window.onload = function(){ window.status = "完成"; } 结果发现1.html页面加载完成后浏览器下面进度条还一直在那里。 通过长时间反复的实践最后终于找到了解决问题的一种...
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下: JQuery - Load #header { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .buttonListArea { float: left; width: 150px; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px; } .buttonArea { margin: 10px; padding-bottom:20px; } #load_content { float: left; width: 550px; text-align:cen...
因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的。 今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后 在重新插回去,显然不太适合我做的功能。 正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素, 没有则加载ajax内容,否则不处理。 测试了可以通过,(^o^)/。 代码如下...
通过JavaScript 来计算当前图片加载的张数。 原理: 先定义一个图片的数组,然后通过image的onload事件来计算,注意,onload在ie和火狐有所不同。 最后需要一个进度条与之结合即可。 这个脚本在做游戏的地方用得比较多。 演示: 代码如下: *{ margin:0; padding:0; } body{font-size:12px;} /*不带文字*/ .progress{ border:0; width: 152px; height: 18px; background:url(http://www.cssrain.cn/demo/makeProgress/img/pr...
通过iframe 异步加载script 通过异步请求另一页面的script 是不执行的,只返回html 原文件,因为返回的文本没有经过浏览器的解析执行。 看代码 a1.html 代码如下: 无标题页 function testClick() { document.getElementById("tsrc").src="a2.html" } a2.html 代码如下: 无标题页 alert('我是异步script'); JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移...
1.静态加载 CSS,图片资源文件在页面渲染过程中可以并行下载,不会阻塞。在IE8,FF下,也可以支持JS的并行下载。尽管页面的JS下载加速了,但是JS对页面渲染的阻塞还是依然存在的,只有JS加载完毕了,页面的剩余部分才能继续渲染。放在Head部分的Script是最为恶劣的,因为对页面来说,Head部分是require的,是后部分所必须的,Head部分不加载完毕,Body部分不会开始解析,Body解析之前,页面是空白的。静态Script放到页面的哪部分来...
1.前言 懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。 2.lazyload在什么场合中应用比较合适? 涉及到图片,falsh资源 , iframe, 网页编辑器(...
前言 懒加载技术(简称lazyload)并不是新技术,它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等。因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。 lazyload在什么场合中应用比较合适? 涉及到图片,falsh资源,iframe,网页编辑器(类似F...
下面我们通过这个例子介绍1个更简单的方法: 我们用将统计代码保存到1个文件:文件路径:/config/counter.conf 统计代码如下: 代码如下: 输出这段javascript代码: 页面:/do.ashx?args=GetCounter 代码如下: string code = "读取到的统计代码"; code = Regex.Replace(code, "[\]","\""); code = Regex.Replace(code, "[\n\r]", ""); context.Response.Write("document.write("+code+");"); 这样就能将输出的javascript添加到页面实现...
由于浏览器是单线程的,因此脚本在载的时候会阻塞下载其它资源;虽然在现在浏览器已经有所改善,但仍然有待改进。 很显然,脚本必须按顺序执行,但没有必要按顺序下载,解决方法: 1。内嵌JS 通常由于页面大小和缓存能带来更多好处,因此外部文件引入JS更好一些; 在少数情况下,比如首页、少量JS情况下尚可接受。 2。XHR Eval 通过XMLHttpRequest从服务器端获取脚本。 主要缺陷是,通过XHR获取的脚本必须部署在和主页面相同的域中...
昨天用jQuery插件aeImageResize,发现它更有优势:每张图片加载完后,会马上进行等比缩放。 这归于图片对象Image的加载事件onload的功劳。 查看插件的源码,发现它也依赖图片对象的complete属性和onload事件,并且特别把IE6区分对待,到底IE6在图片加载对象上,与其它浏览器有什么不同呢? 看下文: 通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入,我谈谈对Image对象的一些认识。 看个例子: 代码如下: funct...
从网上下载来的版本多多少少都有些BUG,尤其是加载后在IE6和IE7下图片闪动是个大问题,在网上查了很久,也没有找到相关的解决方案。没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。 解决思路大致是两点,一是从LazyLoad本身的滤镜参数下手,发现有一个参数在IE6和IE7是可以用的,就是show,那么...