网页插件代码区域已从页面顶部移到底部

@Ta 07-31 17:55发布,07-31 18:03修改 880点击

为了让页面加载更流畅,并且让插件无需注册loadready事件就能直接修改页面内容,网页插件代码区域已从页面顶部转移到底部。

需要在页面顶部放置HTML标签的插件必须进行修改,改用JS向顶部插入HTML:

<script>
document.querySelector('body').insertAdjacentHTML('afterbegin', `
	<h3>标题</h3>
	<div>测试</div>
`);
</script>

如你有插件受到影响并且不会修改,可以@我,我可以帮你修改。


插件代码放在底部能让页面加载更流畅?

对,HTML是流式加载,可以加载一点就显示一点。所以就算没有加载完插件代码,网页主体内容也能正常显示。

让插件无需注册loadready事件就能直接修改页面内容?

考虑如下代码

<script>
console.log(document.querySelectorAll('.userimg'));
</script>

如果放在页面顶部,输出始终为空,因为代码执行时用户图片还没有出现在HTML中。如果放在页面底部,代码就可以查询到用户上传的图片了。这样一来就不必再使用DOMContentLoaded$(document).ready()等事件等待页面加载完成了,可以更及时的对内容进行处理,也减少了处理过程中的页面闪烁问题。

回复列表(3)
添加新回复
回复需要登录