JS 实现页面的懒加载

JavaScript016

JS 实现页面的懒加载,第1张

页面加载来自网络的图片时,可能会花费大量的时间,因此如果使用懒加载,能够让用户体验不到加载的过程

至此,我们便可以在页面中使用懒加载来优化用户体验了。

lazyLoad.html

1在test.html页面,使用function创建一个myfun函数,代码如下:

2、在myfun函数内,使用alert()方法弹出“myfun函数执行了”的文字提示,代码如下。

3、在test.html中的body标签后面,使用onload在页面打开时就加载执行myfun()函数。

4、onload事件不仅可以放在body标签内,也可以直接在js标签内使用,代码如下。

5、在浏览器中打开test.html页面,结果如下。

想到两种方法。

一:

在js写

window.location.href = "新窗口"

二:

在js中跳转到controller。然后在里面控制页面的跳转。

我是新手