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

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

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