Javascript:在执行函数之前等待脚本同步加载的最好方法？

在执行函数之前等待脚本同步加载的最好方法是使用异步加载脚本的方式，可以通过以下几种方法实现：

使用defer属性：在script标签中添加defer属性，这样脚本将会在HTML解析完毕后再执行，但是在DOMContentLoaded事件之前执行。示例代码如下：<script src="your-script.js" defer></script>推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），它可以加速静态资源的加载，提高网页的访问速度。产品介绍链接地址：https://cloud.tencent.com/product/cdn
使用async属性：在script标签中添加async属性，这样脚本将会在加载完成后立即执行，不会阻塞HTML的解析和其他资源的加载。示例代码如下：<script src="your-script.js" async></script>推荐的腾讯云相关产品：腾讯云Serverless Cloud Function（SCF），它可以帮助开发者快速构建和部署无服务器应用，实现按需计算和弹性扩缩容。产品介绍链接地址：https://cloud.tencent.com/product/scf
动态创建script标签：通过JavaScript动态创建script标签，并设置其src属性，然后将其插入到HTML文档中。这样可以控制脚本加载的时机。示例代码如下：var script = document.createElement('script'); script.src = 'your-script.js'; document.head.appendChild(script);推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），它是一种事件驱动的无服务器计算服务，可以帮助开发者构建和运行云端应用程序。产品介绍链接地址：https://cloud.tencent.com/product/scf

需要注意的是，以上方法适用于同步加载的脚本。如果脚本是异步加载的，可以使用回调函数或Promise等方式来处理脚本加载完成后的逻辑。

Javascript:在执行函数之前等待脚本同步加载的最好方法？

javascript、ajax、dom、loading、synchronous

我有以下问题:我在一个模式对话框中加载一个页面。此页使用jQuery作为依赖项。因为我已经在主页上使用了jQuery，所以对我来说，它总是可用的。现在我们有了一个用例，如果需要的话，不同的页面(托管在不同的域上)需要加载该页面。<scr

浏览 18提问于2016-08-03得票数 0

2回答

文档头中的脚本总是在DOMContentLoaded触发之前执行吗？

javascript、dom、domcontentloaded

在以下文件中，<html> <script language="javascript" src="example.js"></script>document.addEventListener('DOMContentLoaded', function () { console.log('h

浏览 0提问于2018-04-19得票数 2

回答已采纳

1回答

在加载应用程序之前，模具JS globalscript尚未完成

javascript、typescript、stenciljs

需要在任何组件加载之前初始化indexedDB。尝试使用全局脚本执行此操作，但全局脚本默认函数在加载组件之前未完成。例如，如果我在默认函数中设置了30秒的超时，则组件仍然会加载，并且不会等待函数完成。阅读文档并声明“在加载库/应用程序之前，全局脚本

浏览 3提问于2022-05-16得票数 0

1回答

等待注入的<script>元素中javascript代码的完整执行

javascript、jquery、synchronization

我正在通过ajax加载一些javascript代码(作为html字符串中的<script>块)，我使用jquery.html()将有效负载注入到<div>中。jquery.html()方法自动释放注入的<script>元素。在将执行释放回主事件循环之前，我希望等待等待<script>块中的代码完成执行。这个是可能的

浏览 0提问于2015-04-10得票数 0

回答已采纳

4回答

在JavaScript中，如何等待异步调用的结果与同步调用不同？

javascript、async

我很难在JavaScript中使用异步/等待和常规同步函数调用。假设我有两个功能：async function doSomething() { const，这两种功能似乎是等同的。在函数1中，执行第一个操作，程序需要在执行下一行之前等待该操作

浏览 0提问于2021-11-18得票数 44

回答已采纳

1回答

我是否可以向Angular.js同步中添加另一个条件

angularjs、protractor

在继续执行流程之前，Protractor会等待Angular.js进程完成。它在每一步中都会这样做(在每次click()调用之后，等等)。我正在测试一个应用程序，它有很多“加载器”，由于某种原因，这些加载器没有被同步捕获，并且我收到了很多错误。我可以手动在每条指令后放置一个等待，但最好是在每条指令之后执行这个等待。有没有办法向量角器同步

浏览 1提问于2015-10-03得票数 1

1回答

多个谷歌地图降低了WordPress管理速度

javascript、wordpress、google-maps、asynchronous、google-maps-api-3

我使用WordPress的ACF插件来创建一个中继器字段。中继器字段允许管理员向Google Map添加多个标记。当我们最初构建这个站点时，它被设计为可以处理大约20个标记。这意味着在后端加载了150个Google Maps实例，这会降低运行速度。有没有办法为每个字段实现一个异步的Google Map？

浏览 0提问于2016-05-17得票数 0

1回答

Javascript属性与document.write和insertBefore的比较

javascript、include

包含第三方js的3种流行方法的优缺点是什么？为什么受人尊敬的公司(jQuery，谷歌，亚马逊)使用不同的方法？在什么情况下使用这些方法更有意义？ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type=&qu

浏览 1提问于2011-12-18得票数 2

回答已采纳

3回答

我们什么时候可以使用异步？

javascript

异步脚本加载是我现在正在学习的。我有一个关于脚本标记- <script async src="...">中的<script async src="...">攻击的问题。第二个script必须在第一个之后执行(它使用了一些Objects或functions )--在页面加载之后会执行吗？第一个脚本是先在加载后执行

浏览 10提问于2015-11-16得票数 5

回答已采纳

4回答

DOM执行顺序问题

javascript、browser、domcontentloaded

我在JavaScript标记中有一些HEAD，它在页面上的最后一个脚本之前动态插入一个异步加载脚本标记(该脚本目前已被解析)。这个动态包含的脚本标记包含JavaScript，它需要在DOM可用之后解析DOM，但在加载所有图像和脚本标记之前。重要的是，JavaScript在加载

浏览 4提问于2014-01-10得票数 7

回答已采纳

3回答

在加载另一个JS脚本后加载JS脚本

javascript、html

下面是我的代码：//lots of html stuff问题是，这些是异步加载的。有没有办法等到第二个脚本加载完第一个脚本？

浏览 0提问于2018-10-03得票数 5

1回答

如何加载web工作人员文件？

javascript、web-worker

我想在加载后立即向网络工作者发出一些信息。worker.js"); console.log(ev.data);w.postMessage("Hello World");importScripts('foo.js'); importSc

浏览 3提问于2015-06-25得票数 1

1回答

等待Javascript载入承诺

javascript、promise、es6-promise

我正在构建一个解决方案，根据用户的交互，在不同的时间点将多个Javascript库动态加载到屏幕上。加载库后，将执行库中的脚本。例如： let script1 = '<script class="'+script_class+'" id="' + script_id + '" type="text/jav

浏览 6提问于2022-08-20得票数 -1

回答已采纳

2回答

在加载了所有脚本文件之后，jQuery中的$()jQuery()会触发吗？

javascript、jquery

我在不同的js文件中声明全局变量，然后在不同的文件中使用这些变量。在开始执行之前，我需要确保所有js都已加载。我还试图使用require.js迁移到模块化js。但现在我需要一个快速的解决方案。在$().ready()下运行js代码安全吗？我猜脚本标记将被同步加载，因此DOM在加载所有脚本之前都

浏览 1提问于2014-01-16得票数 1

回答已采纳

2回答

当使用asyc/等待同步代码执行时，我如何“同步”第三方代码？

javascript、node.js、asynchronous、es6-promise

我有一个用JS编写的批处理脚本，在Node下执行。这是一个非常线性的，逻辑上同步的批处理脚本--事情A必须发生在事情B之前，等等。这件事情需要从上到下执行，最好是逐行同步执行。执行时间是30秒，最糟糕的情况是。此外，在代码阻塞时没有可以锁定的UI。这只会在命令行中批量运行，我可能每次都会看到

浏览 1提问于2018-07-23得票数 1

2回答

你怎么知道如何初始化脚本？

javascript、jquery、initialization

2问题：2)为什么不用“激活”/initialize jQuery脚本呢？我使用的其他脚本需要激活，那么为什么jQuery.js不需要一个内部脚本来启动它呢？只是想把我的头脑围绕在这个概念上，提前谢谢！

浏览 10提问于2014-11-07得票数 0

回答已采纳

2回答

从CDN加载脚本或css的位置是head还是body？

javascript、css、optimization、cdn

CDN脚本或样式的代码应该放在哪里？在head元素中还是在结束body标记之前？

浏览 4提问于2014-04-21得票数 1

3回答

未使用动态生成的JQuery脚本标记执行脚本

javascript、jquery

我在一个外部JS文件(即:test.js)中有以下代码；如果检测到某个JQuery源代码还不存在，它会创建一个指向该JQuery源代码的额外脚本标记。代码实际创建脚本标记，并将其插入到执行创建的实际脚本之前： var head = document.getElementsByTagName/ create element var script =

浏览 2提问于2012-05-09得票数 2

回答已采纳

2回答

如何加载两个javascript文件？

javascript

我有两个不同的javascripts。我希望只有在加载了这两个js文件或脚本之后才启动函数，因为它们需要访问彼此的函数和/或变量。正确的做法是什么？注意:其中一个脚本(A)异步加载数据，脚本(B)需要等到所有数据加载并启动后才能继续(例如youtube视频是从(A)加载的，需要开始播放(B)才

浏览 0提问于2012-11-20得票数 0

3回答

在Swift中等待异步操作完成

ios、swift、asynchronous

我像这样执行数据获取： println("Background Fetch Complete")我的loadShows()函数解析它从加载到UIWebView中的网站获得的一堆数据。问题是我在loadShows函数中有一个等

浏览 0提问于2014-07-14得票数 24

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Javascript:在执行函数之前等待脚本同步加载的最好方法？

相关·内容