window.onload事件大量使用innerHTML是否会拖慢页面加载速度

多米乐猪 2016-12-14 01:26:01

window.onload事件大量使用innerHTML是否会拖慢页面加载速度？
最近有个想法，就是用js函数减少html文件的大小。
当页面相同的模块很多的时候，我用一个js方法调innerHTML去批量创建。
这是可以实现的，但是现在有个疑问，就是这样做会不会拖慢页面的加载速度？
用户从站点获取的html文件变小了，但是本地掉js函数加载页面会不会很耗时呢？
本人最近刚学前端开发，看了很多网站优化加速的文章，里面没有提到这个方法，所以有这个疑惑，求高手解答。

...全文

745 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

当作看不见 2016-12-14

打赏
举报

回复

数据量小的时候这样偷偷懒也无所谓啦（用户体验不出差异），全部这样玩就歇菜了

love_zhu52 2016-12-14

打赏
举报

回复

html能做的事，你非要用javascript来完成，你认为还有效率和性能吗

window.onload方法，表示当页面所有的元素都加载完毕，并且所有要请求的资源也加载完毕才触发执行function这个匿名函数里边的具体内容。这样肯定保证了代码在domReady之后执行。使用window.onload方法在文档外部资源不多的情况下不会有什么问题，但是当页面中有大量远程图片或要请求的远程资源时，我们需要让js在点击每张图片时，进行相应的操作，如果此时外部资源还没有加载完毕，点...

在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready

BOM的顶级对象是windowBOM是学习浏览器窗口交互的一些对象。

BOM（Browser Object Model）:浏览器对象模型，主要是和浏览器窗口交互 BOM包含了DOM 使用window.load添加页面加载事件，这样即使标签在script代码的下面也是可以执行的，也就是load会等页面内容加载完毕后（包括DOM，图片，flash，css等）再去走window.load里面的代码。但是这个不能重复添加，重复添加会被覆盖，这个之前讲过（2）使用方法监听注册事件（3）DOMContentLoaded加载完DOM就显示 DOMContentLoaded是DOM加

-BOM BOM概述 window对象常见事件窗口加载事件 window.onload 页面加载事件 window.onload 是窗口（页面加载事件），当文档内容完全加载完成会触发该事件（包括图像、脚本文件、css文件等），就调用处理函数。 1.有了window.onload就可以把js代码写到元素页面的上方，因为onload是等页面内容全部加载完毕再去执行处理函数。 2.window.onload 传统注册事件只能写一次，如多有多个就会以最后一个window.onload为准。

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章