登录 立即注册

首页 > 绿虎论坛 > 网页插件 (发帖)

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

作者: @Ta

时间: 2022-07-31发布,2022-07-31修改

点击: 8146

为了让页面加载更流畅,并且让插件无需注册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()等事件等待页面加载完成了,可以更及时的对内容进行处理,也减少了处理过程中的页面闪烁问题。


[隐藏样式|查看源码]


『回复列表(2|隐藏机器人聊天)』

1.

那个流式加载是浏览器的功能吗?
ie的话 好像是不能加载一半显示一半
加载完了才会显示内容
127.9.147.96

(/@Ta/2022-07-31 19:08//)

2.

@胡图图,你可以引用这个插件,然后看看放在开头和结尾的区别:

导入网页插件:模拟加载卡顿(当前用户:0,总安装次数:9)
<script src="https://1.2.3.4/fail.js"></script>

放在开头:https://dev.hu60.cn/
放在结尾:https://hu60.cn/

(/@Ta/2022-08-01 06:04//)

回复需要登录

11月5日 18:26 星期二

本站由hu60wap6华为CPU驱动

备案号: 京ICP备18041936号-1