如何实现一个文件(js)超时后就自动跳过?

2020-11-06 13:38:22 +08:00
 firhome
是这样的, 页面引入了 a.js ( src 外链)

页面逻辑里有用到 a.js 的东西,但是有时候这个 a.js 网络不稳定,造成页面一直在白屏。

请问有没有办法 知道 a.js 超时的时候 自动跳过呢?
2033 次点击
所在节点    程序员
11 条回复
cat
2020-11-06 13:41:55 +08:00
看看 async / defer 属性
azcvcza
2020-11-06 13:54:58 +08:00
是我的话,可能就设置一个定时器去监听有没有加载好;搜了一下别人的解决方案,也有把尝试自己创建 script,利用自带的 document.readyState 回调,来接下去执行
kile
2020-11-06 13:59:04 +08:00
a.js 搞到本地不行?非要用外链?
youla
2020-11-06 14:07:27 +08:00
反向代理 a.js
fengpan567
2020-11-06 14:12:11 +08:00
3 楼说得对
Track13
2020-11-06 14:22:06 +08:00
超时后就自动 error 了吧。你是想要在设定时间内没有加载就跳过吧。
3 楼说的对
xiangyuecn
2020-11-06 14:23:15 +08:00
手动创建 script,script.onload 时执行和这个 js 相关的业务。加载不成功天然跳过
vision1900
2020-11-06 14:24:17 +08:00
白屏是因为下载和解析 JS 造成了 render blocking,浏览器会停止 DOM 的构建等着这 2 件事情完成
加个 defer 属性就完了,或者不放在 head 里,放到 body 最后
有时间可以看下浏览器渲染过程,反正以后面试也要被问到
learningman
2020-11-06 16:11:16 +08:00
ajax 然后 insert dom,设个 timeout
vvong
2020-11-06 16:13:54 +08:00
<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jquery1.8.min.js">\x3C/script>')</script>

应该是和 cdn 加载 jq 一样的道理吧
Curtion
2020-11-06 16:38:48 +08:00
如果 a.js 不重要的话用 defer 延迟加载。但是如果不重要为何不直接删了它呢,如果它有用不能删除的话那么提高网络稳定性来解决比较好。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/722376

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX