开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

正在加载带有promises的脚本，jQuery未加载

加载带有promises的脚本，jQuery未加载是指在网页中加载一个包含Promises的脚本，但是jQuery库未被正确加载。下面是一个完善且全面的答案：

在前端开发中，Promises是一种处理异步操作的方法，它可以更好地管理和组织异步代码，避免了回调地狱的问题。而jQuery是一个流行的JavaScript库，提供了丰富的功能和工具，包括DOM操作、事件处理、Ajax请求等。

当加载带有Promises的脚本时，如果jQuery库未被正确加载，可能会导致脚本无法正常运行。为了解决这个问题，可以采取以下步骤：

确保jQuery库的正确加载：在网页的<head>或<body>标签中引入jQuery库的CDN链接或本地文件。可以使用以下代码片段来加载jQuery库：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

确认脚本的加载顺序：如果脚本依赖于jQuery库，确保脚本在jQuery库之后加载。可以将脚本的引入代码放置在jQuery库引入代码之后。
检查网络连接和文件路径：确保网络连接正常，并且jQuery库文件路径正确。可以通过在浏览器中打开开发者工具的网络选项卡来检查网络请求是否成功，并查看文件路径是否正确。
使用defer或async属性：在引入jQuery库的<script>标签中，可以添加defer或async属性来控制脚本的加载和执行顺序。defer属性可以确保脚本在文档解析完成后执行，而async属性可以使脚本异步加载并立即执行。
错误处理：如果以上步骤都没有解决问题，可以通过查看浏览器的控制台输出来获取更多信息。控制台可能会显示有关加载错误或其他相关错误的提示，根据提示进行相应的修复。

总结起来，加载带有promises的脚本时，确保jQuery库正确加载、脚本加载顺序正确、网络连接正常、文件路径正确，并使用defer或async属性来控制加载和执行顺序。如果问题仍然存在，可以查看浏览器控制台输出以获取更多信息。

腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算需求。了解更多信息，请访问：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种应用场景。了解更多信息，请访问：https://cloud.tencent.com/product/cdb_mysql
腾讯云内容分发网络（CDN）：提供全球加速、高可用的内容分发服务，加速网站访问和内容传输。了解更多信息，请访问：https://cloud.tencent.com/product/cdn

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

用 Javascript 和 Node.js 爬取网页

本文主要针对具有一定 JavaScript 经验的程序员。如果你对 Web 抓取有深刻的了解，但对 JavaScript 并不熟悉，那么本文仍然能够对你有所帮助。

01

jQuery事件--jQuery基础知识点(2)

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

02

awesome-javascript-cn

JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。包管理器管理着 JavaScript 库，并提供读取和打包它们的工具。 npm：npm 是 JavaScript 的包管理器。官网 Bower：一个 web 应用的包管理器。官网 component：能构建更好 web 应用的客户端包管理器。官网 spm：全新的静态包管理器。官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm：流畅的浏览器包管理

08

jQuery学习笔记——jQuery基础

什么是jQuery？jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情。通过这段时间的学习，我感觉jQuery是一个“语法糖”，就像是包在糖果外面的包装，让js看起来更好看。

01

JavaScript Promise

在callback的模型里边，我们假设需要执行一个异步队列，代码看起来可能像这样：

02

Hexo异步加载方案

在博客魔改过程中，不可避免的会引入大量的第三方脚本（js），而基于页面读取js的加载顺序，每当浏览器在加载html的过程中遇到<script>js代码片段</script>这样的标签时，浏览器会暂停继续构建html，而是优先执行当前的js脚本，等执行完毕后再继续加载后面的html。

02

你没有抓住 Promises 的要点

注：这篇文章翻译自《You're Missing the Point of Promises》，阅读这篇文章，你首先需要对于 JavaScript 中的 Promises 是什么有了解，否则，你可以先看一看这篇文章（英文），或者这篇文章（中文）掌握基础。有一些修改，另受水平所限，翻译的不当之处请参阅原文。

01

jQuery 4.0震撼发布：这是复兴还是告别？

jQuery，这个曾经主宰前端开发的JavaScript框架，最近发布了4.0 beta版本，标志着它进入了一个新的阶段。尽管新的框架和库层出不穷，jQuery凭借其广泛的功能积累和庞大的用户基础，在前端领域依然保持着一席之地。

01

JS异步加载的三种方式

同步模式：又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把<script>标签放在<body>结尾处，这样尽可能减少页面阻塞。

02

2021 年 JavaScript 大事记

大家好，我是 ConardLi，不知不觉中，2021 年已经接近尾声了，不知道在 2021 这一年，你收获了什么？又失去了什么呢？

01

生命周期钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程：创建实例，装载模板，渲染模板等等。Vue 为生命周期中的每个状态都设置了钩子函数（监听函数）。每当 Vue 实例处于不同的生命周期时，对应的函数就会被触发调用。生命周期：你不需要立马弄明白所有的东西。

01

「沙里淘金」精选浏览器端JavaScript库资源推荐

你不懂JS - 可能是用现代JavaScript编写的最好的书，完全可以免费在线阅读，或者可以买来支持作者。

02

「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

你不懂JS - 可能是用现代JavaScript编写的最好的书，完全可以免费在线阅读，或者可以买来支持作者。

02

前端--理解 Promise 的工作原理

Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解。什么是 Promise 一个 Promise 对象代表一个目前还不可用，但是在未来的某个时间点可

06

如何编写自己的jQuery插件？

对于那些不知道的人来说，jQuery是一个JavaScript库，它包含了许多特性，非常小而且速度很快。它还包括一个易于使用的API，在所有浏览器上都是兼容的，并且可以很容易的进行HTML遍历、动画、DOM操作和事件处理。它不仅可扩展，而且经久耐用。因此，客户端脚本自开发以来变得容易得多。

01

探究网页资源究竟是如何阻塞浏览器加载的

一个页面允许加载的外部资源有很多，常见的有脚本、样式、字体、图片和视频等，对于这些外部资源究竟是如何影响整个页面的加载和渲染的呢？今天我们来一探究竟。

03

《Web性能实战》读书笔记

Web性能调优一直是高级前端必须掌握的技能，市面上不少书简绍性能调优的书总是告诉读者一些理论性的东西，而如何去实践说的却不多，这本书不仅告诉读者Web性能优化的理论知识，同时还会告诉读者怎么用node去设置，是一本前端进阶必看的书。

01

Webpack5 跨应用代码共享 - Module Federation

Webpack 5 的消息尽管已经出来了许久，但是正式版一直还未发布。Webpack 5 的 ChangeLog 中，除了常规的性能优化、编译提速之外，有一个比较让人期待的功能就是 Module Federation。Module Federation 可以强行翻译成「模块联邦」，但是听起来很是怪异，我在某个前端群也抛出了这个问题，没想到大家的回复也是五花八门。所以，本文就直接用 Module Federation 了，不进行翻译听起来好像更舒服一点。

02

Promise机制

Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。回调金字塔那么何为回调金字塔呢？简单的讲就是回调里面嵌套回调。例如： asyncOperation(function(data){ // 处理 `data` anotherAsync

JQuery 事件绑定不生效

一个同时问我，JQuery事件绑定为什么不生效，最好通过查找，发现了问题。一般而言，JQuery事件绑定不生效，是一些新手经常遇到的问题，其实都是简单的问题，大概分两种情况。先上代码,以下两个button的事件绑定都不生效。

03

WordPress 函数：wp_enqueue_script() 安全引入 JS

WordPress 主题最佳引用 js 文件的方法是使用 WordPress 内置的 wp_enqueue_script() 函数，通过该函数可以安全地将javascript 代码加入到 WordPress 创建的页面中，不仅可以最大限度地保证兼容性，还是提高 WordPress 性能效率的一个方法。

02

Promises机制

Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。

04

Promise机制详解

Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程，但是如果出现多层回调嵌套，也就是我们常说的厄运的回调金字塔(Pyramid of Doom)，绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范，用于解决回调金字塔问题。回调金字塔那么何为回调金字塔呢？简单的讲就是回调里面嵌套回调。例如： asyncOperation(function(data){ // 处理 `data` anotherAsync

07

如何处理变慢的API？

在开始时表现良好的API会随着时间的推移而导致性能降低。学习如何管理和解决这些性能问题是开发者必须具备的技能之一。作为一名工程师，你花了很多时间在API上——你要么是为别人构建API，要么是在使用别人的API。使用API既是一门艺术，也是一门科学。工程师们犯的最常见的错误之一就是对性能的思考不够充分。我们希望让事情先做起来，然后再处理性能问题。这很好，但是如果在构建v1的时候能够意识到这一点，你以后就可以避免。如果你使用API的时间够长，我相信你知道刚开始一切都很顺利，但随着时间的推移，API就会变得缓慢

07

2 《JavaScript高级程序设计》__ HTML中的JavaScript

大家好，我是HoMeTown，web领域有一本神书大家应该都有看过，这本书我看过两遍，但是每次看都是粗粗的略过一些重要的知识点，甚至一些面试过程中的问题，在这本书里都能找到答案。

03

前端知识普及之页面加载

如果大家想继续看下面的内容的话，有一个要求，就是回答我一个问题: 你这样写过代码吗？ window.onload = function(){ $(".gravatar").on('click',function(){ //... }); //以及其他操作DOM的节点 } 如果答案是 yes. 那么，bingo, 这里我们将深入讲解，这样写代码到底有没有IQ。如果答案是 No. 那么，2333333, 你也可以看一下。万一哪天用上了呢？可能会有童鞋反问，那么，我

09

JS魔法堂：jQuery.Deferred(jQuery1.5-2.1)源码剖析

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　 jQuery.Deferred作为1.5的新特性出现在jQuery上，而jQuery.ajax函数也做了相应的调整。因此我们能如下的使用xhr请求调用，并实现事件处理函数晚绑定。 var promise = $.getJSON('dummy.js') // 其他逻辑处理 promise.then(function(){ alert('late binding') }) 我还一度以为这就是Promises/A+规范的实现，但其实jQu

09

前端面试查漏补缺

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用正确的标签做正确的事情。

01

程序员Web面试之jQuery

又到了一年一度的毕业季了，青春散场，却等待下一场开幕。在求职大军中，IT行业的程序员、码农是工科类大学生的热门选择之一，尤其是近几年Web的如火如荼，更是吸引了成千上万的程序员投身其中追求自己的梦

vue之导入Bootstrap以及jQuery的两种方式

Vue引入bootstrap主要有两种方法方法一：在main.js中引入此方法导入的bootstrap中对于html，body的一些预设置的css样式可能无效。一、引入jQuery 在当前项目的目录下（就是package.json），运行命令 cnpm install jquery --save-dev 若是运行报错，则运行cnpm install jquery （cnpm和npm都可以）这样就将jquery安装到了这个项目中。然后修改webpack.base.conf.js(在build文件下)

05

Promise 对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

02

深入seajs源码系列一

简述前端开发模块化已经是大势所趋，目前模块化的规范有很多，众所周知的有commonJS，Module/Wrappings和AMD等，而且ES6也着手开始制定模块化机制的实现。类似于c/c++的include，java中的import关键字，在js中也定义了require关键字，用以引进依赖模块。由于规范的多样性，模块化的实现也是各有各的不同。nodejs遵从的就是commonJS规范，它有着一些形式上的约定：　　 require为函数，该函数接受一个字符串作为模块标示符

09

说说前端面试比较好的回答

我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；

02

【webpack 进阶】Webpack 打包后的代码是怎样的？

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。

02

【webpack 进阶】Webpack 打包后的代码是怎样的？

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。

01

标准的Promise

05

讲讲标准的 Promise 长啥样？

作者：feix760 序言不同项目下lib里的promise/deferred往往是差异化最多的，用起来和自己的习惯相比经常是缺胳膊少腿，因此聊聊标准的Promise的啥样的。不同的 Promis

00

标准的Promise

不同项目下lib里的promise/deferred往往是差异化最多的，用起来和自己的习惯相比经常是缺胳膊少腿多屁眼有卵用，因此聊聊标准的Promise的啥样的

02

用框架的你，可能早已忽略了这些事件API

DOMContentLoaded，load，beforeunload，unload

01

Angular技巧汇总原

声明项目的全局类型，同时不需要在各个Ts文件中import {XXX} from 'xxx' ，就能直接引用！方法是：

02

Javascript异步编程的4种方法

你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务

05

jquery\json\ajax

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象

03

[前端学习]Promise 对象一网打尽

Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。

01

基于webpack4+react 的js懒加载

此处主要介绍使用动态导入（通过模块中的内联函数调用来分离代码）的懒加载。这种动态代码拆分的方式是webpack提供并推荐选择的方式。其原理是使用符合 ECMAScript 提案的 import() 语法来实现动态导入。

02

HTML解析之DOMContentLoaded和onload

在很久很久以前，我在封装自己的JQuery库时就使用过DOMContentLoaded，觉得这个知识点看看别的文章就行了，不过现在我想把它记下来。

02

PHP 判断页面请求是否为ajax

jQuery 发出 ajax 请求时，会在请求头部添加一个名为 X-Requested-With 的信息，信息内容为：XMLHttpRequest

03

新手们容易在Promise上挖的坑~

本文翻译至Nolan Lawson的一篇博客——《We have a problem with promises》关于Promise 大家通常认为Promise是ES6提供的一个书写异步代码的解决方案，他的主要贡献是解决了“回调地狱”，但其实Promise更多的是提供了一种代码结构和流程控制机制。所以很多新手刚开始学习和使用Promise时，如果思路不能转换过来的话，经常会出现一些本末倒置的错误。希望通过列举出下面新手的错误让大家能巩固一下关于Promise的基础知识新手错误列举 #1 回调地狱版Pr

05

window.onload 与 $(document).ready()比较

ready事件发生在加载HTML文档之后，而onload事件发生在稍后，此时所有内容（例如图像）也已加载。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭