lazyload

JS延时3秒加载的问题！一段放在html网页中的代码如何延时加载？

function loadSrc(url){ var g = d.createElement('script'),s = d.getElementsByTagName('script')[0]; g.type = 'text/javascript';g.async = true;g.src = url; s.parentNode.insertBefore(g, s);}setTimeout(function(){loadSrc("tan/111.js");},3000);要看设置好你的代码，这样加载才不会有问题

怎么实现多个css，js文件的延时加载

1、把js的代码放在body里面，最好是放在页面最后的位置，而不是放在head里面。这样整个页面加载结束的时候才会加载到js。
2、你可以使用js函数动态的修改页面，加载js。下面附上两个函数，可以用来加载js或者css。
/*Title : 包含其它 js 文件。
* Description : 将其它 Js 文件引入本文件中，方便管理、维护。*/
function include_js(path) {
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/* Title : 包含其它 css 文件。
* Description : 将其它 css 文件引入本文件中，方便管理、维护。 */
function include_css(path) {
var fileref = document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
3、利用ajax加载js。

Jquery.lazyload.js究竟要怎么使用

lazyload.js 延迟加载效果是为了快速展现页面图片，比如很多屏的图片，文件比较大，这个插件目的不是为了节省服务器资源，而是为了浏览体验，如果你拉动到底部，其实也是一样的消耗服务器资源。是有选择性的请求图片，很多人曲解了这个意思，其实插件并没有给你节约带宽，而是腾出来给视觉区域的图片。有很多图片为主的网站利用这个能大大提高用户体验，但是有一点不好就是对搜索引擎seo优化不友好，因为蜘蛛看到的不是真实地址，那么如何解决类似问题呢？其实这个问题可以利用js避免掉SEO问题。代码如下：$(document).ready(function() { $("img").removeAttr("src");});$(function(){ $("img").lazyload({effect: "fadeIn"}); })页面图片写法如下这样效果不影响，只是利用了jQuery的便利，$(document).ready()在文档dom加载完毕就删除了src，所以不会有请求，这样就相当于在我们使用前，是利用js删除的src，而不是我们程序不输入图片。

关于jquery.lazyload.js的定义高宽问题

我有个改造lazyload的方案，这需要修改lazyload的源代码，主要是加载到显示的流程的那部分，通过事先获得图片的高宽度在动态的指定img标记的width和height的值。
我只谈理论：
1.当页面加载完之后，首先向document里创建一个display:none隐藏的图片标记，
2.当需要加载显示某图片时，先向创建的那个隐藏标记里放图片，
3.写一个setInterval监听函数不停地监听读取图片的width和height（图片加载完前是读取不到的，所以需要不停地读取，直到能读取到了，说明图片也加载完成了），
4.动态的指定真正要显示的图片标记的width和height值以及src，

注：尽管上面的步骤中看似有两个Img标记，但事实上浏览器只会下载图片一次的，且速度和非改造的速度几乎一样，不会在视觉上有不友好的地方，因为同一个域名下如果有多个地方引用了同一个资源，浏览器会在第一次的时候做缓存，下一个用的地方会直接从本地缓存库里调用，所以没有服务器、带宽和性能损耗。