相关疑难解决方法(0)

脚本标记 - 异步和延迟

我对标签的属性async和标签有几个问题,据我所知,只能在HTML5浏览器中使用.defer<script>

我的一个网站有两个外部JavaScript文件,目前位于</body>标签上方; 第一个是来自谷歌的,第二个是本地外部脚本.

关于网站加载速度

  1. 添加async到页面底部的两个脚本有什么好处吗?

  2. async选项添加到两个脚本并将它们放在页面顶部是否有任何优势<head>

  3. 这是否意味着他们下载页面加载?
  4. 我认为这会导致HTML4浏览器的延迟,但是它会加速HTML5浏览器的页面加载吗?

运用 <script defer src=...

  1. 是否会<head>使用与defer之前的脚本相同的属性加载内部的两个脚本 </body>
  2. 我再次假设这会降低HTML4浏览器的速度.

运用 <script async src=...

如果我有两个async启用的脚本

  1. 他们会同时下载吗?
  2. 或者与页面的其余部分一次一个?
  3. 脚本的顺序是否会成为问题?例如,一个脚本依赖于另一个脚本,因此如果下载速度更快,则第二个脚本可能无法正确执行等.

最后,我最好保留原样,直到HTML5更常用?

javascript html5

460
推荐指数
8
解决办法
18万
查看次数

如何在加载jQuery后运行jQuery函数?

在我的网站上,我正在异步加载jQuery.

为了做到这一点,我必须在真正加载之后才运行jQuery函数.

我尝试了两种纯JS方式:

<script src="js/jquery-2.2.2.min.js" async></script>
<script>
    window.addEventListener('load', function() {
        //stuff
    }, true);
</script>
Run Code Online (Sandbox Code Playgroud)

window.onload = function() {
    //stuff
}
Run Code Online (Sandbox Code Playgroud)

但即便如此,我仍然得到 Uncaught TypeError: $(...) is not a function at...

在lib完全加载后如何触发jQuery函数?

html javascript jquery

2
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×2

html ×1

html5 ×1

jquery ×1