代码如下: //初始化导航背景，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，那么...