为什么iframe动态赋值src比直接在src中写死 url 然后 渲染内容要慢一些 ?-灵析社区

时光旅人

为什么iframe动态赋值src比直接在src中写死 url 然后 加载内容要慢一些 ? ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/5c33b0823f7f342ab2639a4a77e7b4d0.png) ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/c9bc1d7822549da4c799037513a36b64.png) 我说的慢, 是里面的元素渲染慢。 现在呈现的是页面从上往下依次渲染 , 而不是整个页面的内容全部同时渲染。 。

阅读量:24

点赞量:0

问AI
浏览器渲染页面就是从上到下渲染的 你觉得变慢了 可能 一开始iframe和页面其他节点一起渲染,所以看起来是一下子出来,后面你只改了src只是重新渲染iframe,看起来就变慢了 你觉得缓慢加载会有问题的话可以加载一个loading 在加载之后取消掉 参考: iframeLoad() { this.loading = true; const iframe = this.$refs.iframe; // 兼容处理 if (iframe.attachEvent) { // IE iframe.attachEvent("onload", () => { this.loading = false; }); } else { // 非IE iframe.onload = () => { this.loading = false; }; } }