• 请不要在回答技术问题时复制粘贴 AI 生成的内容
firhome
V2EX  ›  程序员

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

  •  
  •   firhome · Nov 6, 2020 · 2705 views
    This topic created in 2200 days ago, the information mentioned may be changed or developed.
    是这样的, 页面引入了 a.js ( src 外链)

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

    请问有没有办法 知道 a.js 超时的时候 自动跳过呢?
    11 replies  •  2020-11-06 16:38:48 +08:00
    cat
    cat
    Nov 6, 2020 via iPhone
    1
    看看 async / defer 属性
    azcvcza
    azcvcza
    Nov 6, 2020
    2
    是我的话,可能就设置一个定时器去监听有没有加载好;搜了一下别人的解决方案,也有把尝试自己创建 script,利用自带的 document.readyState 回调,来接下去执行
    kile
    kile
    Nov 6, 2020
    3
    a.js 搞到本地不行?非要用外链?
    youla
    youla
    Nov 6, 2020
    4
    反向代理 a.js
    fengpan567
    fengpan567
    Nov 6, 2020
    5
    3 楼说得对
    bgm004
    bgm004
    Nov 6, 2020 via Android
    6
    超时后就自动 error 了吧。你是想要在设定时间内没有加载就跳过吧。
    3 楼说的对
    xiangyuecn
    xiangyuecn
    Nov 6, 2020
    7
    手动创建 script,script.onload 时执行和这个 js 相关的业务。加载不成功天然跳过
    vision1900
    vision1900
    Nov 6, 2020❤️1
    8
    白屏是因为下载和解析 JS 造成了 render blocking,浏览器会停止 DOM 的构建等着这 2 件事情完成
    加个 defer 属性就完了,或者不放在 head 里,放到 body 最后
    有时间可以看下浏览器渲染过程,反正以后面试也要被问到
    learningman
    learningman
    Nov 6, 2020 via Android
    9
    ajax 然后 insert dom,设个 timeout
    vvong
    vvong
    Nov 6, 2020
    10
    <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
    Curtion
    Nov 6, 2020
    11
    如果 a.js 不重要的话用 defer 延迟加载。但是如果不重要为何不直接删了它呢,如果它有用不能删除的话那么提高网络稳定性来解决比较好。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   944 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 19:03 · PVG 03:03 · LAX 11:03 · JFK 14:03
    ♥ Do have faith in what you're doing.