为了让页面加载更流畅,并且让插件无需注册load
或ready
事件就能直接修改页面内容,网页插件代码区域已从页面顶部转移到底部。
需要在页面顶部放置HTML标签的插件必须进行修改,改用JS向顶部插入HTML:
<script>
document.querySelector('body').insertAdjacentHTML('afterbegin', `
<h3>标题</h3>
<div>测试</div>
`);
</script>
如你有插件受到影响并且不会修改,可以@
我,我可以帮你修改。
对,HTML是流式加载,可以加载一点就显示一点。所以就算没有加载完插件代码,网页主体内容也能正常显示。
load
或ready
事件就能直接修改页面内容?考虑如下代码
<script>
console.log(document.querySelectorAll('.userimg'));
</script>
如果放在页面顶部,输出始终为空,因为代码执行时用户图片还没有出现在HTML中。如果放在页面底部,代码就可以查询到用户上传的图片了。这样一来就不必再使用DOMContentLoaded
、$(document).ready()
等事件等待页面加载完成了,可以更及时的对内容进行处理,也减少了处理过程中的页面闪烁问题。
@胡图图,你可以引用这个插件,然后看看放在开头和结尾的区别:
导入网页插件:模拟加载卡顿(当前用户:0,总安装次数:9)<script src="https://1.2.3.4/fail.js"></script>
放在开头:https://dev.hu60.cn/
放在结尾:https://hu60.cn/
那个流式加载是浏览器的功能吗?
ie的话 好像是不能加载一半显示一半
加载完了才会显示内容
127.9.147.96