我使用以下代码加载我的JavaScript文件。对我来说很好
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script>
<script src="../js/jq/jquery.ui.core.js" ></script>
<script src="../js/jq/jquery.ui.widget.js" ></script>
<script src=
浏览 0提问于2011-12-22得票数 1
回答已采纳
1回答
在app.js中，我想实例化：
const test = new Test;
这个类在另一个脚本中。( myFetchLibary.js)
class Test{
constructor() {
this.client_id = 1234;
}
问题：测试是未定义的
所有脚本都在清单中加载，如下所示：
"background": {
"scripts": [
"myFetchLibary.js",
"app.js" ]
},
还有一个加载脚本的popup.html：
&
浏览 1提问于2018-09-03得票数 0
我在异步加载jquery时遇到了问题。如我所见，如果加载javascript，它不依赖于其他库文件，但加载jquery脚本及其带有异步的库文件不起作用，并抛出一个错误，即$ is not defined
下面的脚本位于head标记中
<script async src="../js/jquery/jquery-1.10.1.min.js"> </script>
<script async src="../js/vendor/modernizr-2.8.2.min.js"></script>
<scrip
浏览 1提问于2014-06-23得票数 3
回答已采纳
2回答
我花了很长时间搜索..。到处只找到一半的答案。我正在使用google页面速度洞察力来改进我的网站，它告诉我要异步加载我的javascript。我发现了一些代码，但它们没有解释如何加载多个js文件以及如何加载css。我也找不到任何地方，它告诉我以什么顺序加载它。有人能帮忙吗？
注意:我确实尝试过将js移动到页脚，但是我的移动菜单不再工作了(它使用expand.js文件)。
异步加载Javascript文件需要如下：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
浏览 2提问于2015-05-16得票数 5
1回答
来自的Google的一个巨大好处和特性
触发标记是异步的，因此它们彼此独立加载，不会减慢页面的速度。
考虑这种类型的同步标记用法：
<script type="text/javascript" src="www.example.com/third-party-tag.js"></script>
<script type="text/javascript">
//run some function from third-party-tag.js
</script>
外部js必须同步加载，
浏览 6提问于2021-03-13得票数 0
我有一个导出同步函数的foo.js文件，如下所示： /* foo.js */
let db;
(async function(){
db = await somethingAsynchronous();
})();
module.exports = {
bar: () => {
return db.get('foobar');
}
} /* oof.js */
const foo = require('./foo.js');
const gopher = () => {
console.log(fo
浏览 9提问于2020-12-06得票数 1
回答已采纳
1回答
我正在创建一个相当复杂的应用程序，并希望我的所有JavaScript实体定义按需加载。我需要在使用之前加载它们，并且必须确保它们在任何调用之前都已加载。
看起来RequireJS是我所需要的，但是我仍然不知道如何在没有回调的情况下使用它。我想确保(或等待) JS库在我使用它之前已经完全加载了。是的，我知道
require([<js-file-name>], callback)
，但是有什么方法可以实现同步加载而不是异步加载呢？使用回调并不总是可能的。例如，如果您有一个循环，使用需要加载不同js文件的项填充数组，那么您将有一个错误的顺序，因为不同的脚本加载需要不同的时间。
浏览 2提问于2014-11-13得票数 0
回答已采纳
1回答
我包括了yepnope.js，然后是以下内容：
<script type="text/javascript">
/*<![CDATA[*/
yepnope([{
load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js',
complete: function () {
if (!window.jQuery) {
yepnope('local/jquery.min.js');
浏览 2提问于2011-04-10得票数 3
回答已采纳
我有一个按钮，如果单击它，我需要调用一个函数来隐藏另一个由异步加载的js文件初始化的元素。但是，我可以隐藏元素的唯一方法是通过Javacsript API。由于没有分配给通过API创建的iframe的ID或类，因此我不得不对该脚本使用JS。 当我的按钮被点击时，我执行以下代码： if(typeof Tawk_API.hideWidget === "function"){
Tawk_API.hideWidget();
}else{
Tawk_API.onLoad = function(){
Tawk_API.hideWidget();
};
} 如果小部
浏览 13提问于2020-07-17得票数 1
回答已采纳
注意:我没有开发这个网站-我只是需要处理它。
我有一个文档，其中LAB.js用于异步加载一系列脚本。再往下看，我还有两个外部脚本，一个在头部，另一个在身体顶部。
这两个脚本通常是无法访问的。它们都被标记为‘异步’，并且不阻止加载文档。但是，它们显然阻止了其他脚本的执行。
首先要说明的是，第一个系列脚本是立即下载的，但在下载其他两个异步脚本之前似乎不会执行。
该网站不是公开的，这种类型的问题不能在摇摆不定的情况下创建。粗略的说明：
<!doctype html>
<head>
<!-- This script asynchronously loads ma
浏览 4提问于2013-10-25得票数 0
回答已采纳
2回答
我有一个脚本，将隐藏一个提交按钮，而表单处理，以防止多次单击该按钮。最近看来，这并不是一直在起作用。
我可以验证验证jQuery文件是否每次都在加载。当我使用从服务器或CDN加载的文件时，我没有做任何改变。
此错误仅在从磁盘缓存加载文件时出现。我临时修正了这个问题，在jQuery文件之后添加了一个随机版本号，但是我想知道当使用磁盘缓存时会导致什么中断呢？
浏览器控制台列出了此错误：
custom-quote-form:21 Uncaught TypeError: $(...).validate is not a function
at HTMLDocument.<anonymou
浏览 4提问于2017-11-14得票数 0
回答已采纳
3回答
因此，我遵循Google PageSpeed的建议，推迟上面的脚本。假设这是我的<head>中的代码
<script src="/js/jquery.js"></script>
<script src="/js/functions.js"></script>
functions.js脚本依赖于jQuery，因此在functions.js之前加载和执行jquery.js至关重要。
我试过的是：
延迟
<script src="/js/jquery.js" defer></
浏览 2提问于2017-10-27得票数 3
回答已采纳
在对异步进行了一些有趣的阅读之后，我找不到任何关于如果您首先有一个常规脚本标记，然后是一个带有异步的脚本标记应该发生什么的信息。
我尝试了一个快速测试，它似乎做了我希望的事情:如果我首先放置一个非异步标记，它似乎总是在后面的异步属性标记之前加载它。下面是我正在测试的代码：
test.html：
<!doctype html>
<html>
<head><title>test</title></head>
<body>
<script src="https://cod
浏览 1提问于2014-10-08得票数 0
回答已采纳
我在我的网站上读了一篇关于实现js异步风格加载的非常有趣的文章。
我的需求是能够以异步方式加载javascript文件，然后在成功加载后从文件中调用初始化方法。哪种方法是首选的方式，比如使用经典的异步方式还是使用上面提到的jQuery的getscript方法？使用其中一个比使用另一个有什么优点或缺点？
编辑:我的观点是:假设我们正在加载一个js，然后我们想要在成功加载js后回调一个初始化函数。file.This需要尽快发生，因为整个模块应该在页面加载期间被解析和执行，而不是等待document.ready或window.onload。试图通过经典的异步方式来做这件事可能会导致处理跨浏览器问题和
浏览 2提问于2012-09-21得票数 1
回答已采纳
2回答
提高网站速度延迟JS
、、、
我在延迟和异步js文件方面有问题。我的网站正在加载JQuery和Jquery库，当我将这些库移到网站底部或只是延迟-异步时，它们都是大文件，甚至是.min文件，例如，我的网站停止呈现大部分元素。
Select2插件在移动电话上不能正常工作
Jquery范围滑块不拖动
其他一些自定义元素(如无限加载)也不能正常工作。
因此，我正在努力提高我的网站速度，但这两个库呈现拦截器，与他们一起，我只有53个评分在PageSpeed洞察。
所以让网站运行更快的另一种方法是合并(合并) JS文件，但是合并后网站也停止呈现，所以我想只有其中一些文件能够被合并。有人能帮我解决这个问题吗？下面我
浏览 10提问于2016-07-01得票数 0
回答已采纳
好吧，这让我快疯了，也许有人能给我指明方向.
我使用最新的require.js和jquery作为我的模块加载程序。我使用data-main属性指向带有baseUrl的配置文件。当我试图加载一个模块时，baseUrl将被忽略，并要求从与main.js相同的位置加载。
/js/main.js
require.config({
baseUrl: '/js/vendor/'
});
/path/to/page.html
<script data-main="/js/main" src="/js/vendor/require-jquery.js
浏览 4提问于2012-09-24得票数 7
回答已采纳
1回答
一直在研究async和defer在脚本标记中的使用。考虑到以下情况..。
异步-允许在加载JS脚本时解析html的其余部分。一旦脚本被完全加载，就会暂停html解析器来执行脚本。但是，请注意，无法控制加载顺序。
延迟-也允许html的其余部分进行解析，但是加载的js只在html解析完成后才执行。
所以，如果你可以在不加载js脚本的情况下显示你的html .使用async。如果涉及多个脚本，并且加载它们的顺序很重要，那么使用defer。另一方面，如果您的脚本必须先加载(不能重写以允许html首先解析)，那么只需在头中不使用async或defer加载脚本即可。
这如何与现代框架，如Angu
浏览 2提问于2016-01-21得票数 4
我正在用Modernizer.load做实验。
我有这个：
Modernizr.load([
{
load : ['/js/jquery-1.6.1.js', '/js/jquery.tools.min.js', '/js/myscript.js']
}
]);
如果我理解正确的话，我可以使用这样的代码来异步加载脚本。但是，我可以按顺序执行它们吗？如果myscript.js要求先加载jquery对象怎么办？
在现代文档中的示例中，load([])可以接受一个'complete‘属性，
浏览 2提问于2011-07-13得票数 7
回答已采纳
在我的HTML页面中，我想加载以下CDNjs
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>
但是在浏览器中，它按如下方式加载
获取 404 (未找到)
现在，我的问题是如何消除附加域名(localhost:8080)以正确加载脚本。我也试过
<script src="../cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"&
浏览 1提问于2018-04-09得票数 2
回答已采纳
我的代码是html页面的头部分。
<script type="text/javascript" src="js/head.load.min.js"></script>
<script type="text/javascript">
head.js("js/jquery.js","docs/_assets/js/jqm-docs.js","js/jquery.mobile- 1.1.1.js",function(){alert('scripts h
浏览 1提问于2012-08-15得票数 0
回答已采纳
1回答
在我的网站中，我使用了GTmetrix，并在以下两个文件上出现JS延迟错误。
JavaScript的92.5KiB在初始页面加载期间被解析。延迟解析JavaScript以减少页面呈现的阻塞。http://mysite.url/wp-includes/js/jquery/jquery.js?ver=1.12.4 (87.0KiB) http://mysite.url/ (内嵌JavaScript 5.5KiB)
在我的functions.php文件中，我有下面的代码来推迟js，但是对于主题文件夹之外的js文件(S)，它似乎没有受到影响。
这是我在functions.php文件中的代码
if (!
浏览 0提问于2018-12-19得票数 1
回答已采纳
1回答
在对我的移动网站上大部分的0美元RPM感到厌恶之后，我想到了一个新的想法，但我不确定它是否会被接受。
在Google自己的帮助页面上，我注意到在响应部分，它们在插入标记之后加载脚本，在其他页面上，它们在脚本标记之前加载脚本。例如：
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;
浏览 0提问于2016-01-28得票数 1
回答已采纳
我对网络编程非常陌生，最近我开始学习Javascript。我读到了一篇关于把javascript放在哪里的辩论，放在顶部还是底部。最主要的支持者强调，慢加载比破坏页面要好，因为缺少js会使一些特性失去功能；底层支持者则更多地关注加载速度，并认为可以通过使用css来警告功能中断，而css必须在一开始就加载。然而，从现在开始，我看到的所有争论都是至少两年(关于的文章也是关于的，最近一次是围绕)，而html5在最近几年引入了新的“异步”和“延迟”属性。所以我的问题是：
使用当前技术(即使用异步和延迟)将js放在顶部或底部的最佳位置是哪里？如果要看情况而定，你应该将js放在顶部/底部，在顶部/底部放置
浏览 2提问于2015-01-31得票数 1
1回答
我正在努力理解异步标记的工作。假设我的html中有以下代码：
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/big.js"></script>
<script src="js/small.js" async></script>
浏览 4提问于2015-01-27得票数 0
我见过facebook javascript api提到异步加载sdk
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
浏览 1提问于2011-12-16得票数 3
回答已采纳
1回答
我用最简单的方法使用异步属性：
<script async type="text/javascript" src="path/jquery-1.10.2.min.js"></script>
对于我页面中的所有.js，但是问题是，一旦它加载好了，一次没有。
特别是当我刷新页面时，.js脚本不加载。
一旦我删除异步，一切正常工作，但它不是解决方案。
有人知道，哪里会有问题？
谢谢
浏览 6提问于2015-04-20得票数 0
1回答
我刚刚意识到我的应用程序出现了严重的速度减慢。我使用模式对话框将我网站的其他页面加载到弹出窗口中。直到最近，这些文件的加载速度都非常快。最近他们花了不同的长时间，大约4秒。我做了一些分析，我的javascript似乎不是异步加载的，每个都在等待，直到另一个完成下载。
这似乎是主要的减速。每个javascript文件都包含在加载的页面中，如下所示...
<script src="/js/jquery.ae.image.resize.min.js"></script>
<script type="text/javascript"
浏览 0提问于2013-04-27得票数 1
1回答
我试图在一个laravel项目中将许多Vue.js组件加载到我的app.js文件中(使用browserify/vueify通过灵丹妙药)。
我不想一次加载每个组件，而是在需要时使用来延迟加载各个vue组件。
我应该在哪里设置partition bundle json文件，以及应该如何构造它？
目前，我已经绑定了以下我的主要app.js文件：
import Vue from 'vue';
import Resource from 'vue-resource';
import VueRouter from 'vue-router';
// Thes
浏览 1提问于2016-05-17得票数 7
我知道建议不要使用它们，但是为了好玩，我想使用带有自定义名称的模块。我怎么装？
我的结构如下：
-- ./index.html
-- ./js/app.js
-- ./js/test.js
在HTML中，我正在加载RequireJS (2.1.14)
<script src="js/require.js" data-main="js/app" type="text/javascript"></script>
在app.js中
require(["dummy"], function(){
window
浏览 4提问于2014-07-28得票数 1
本地SAPUI5应用程序不再适用于1.54.xxx。它们在1.52.xxx下工作得很好。
“本地SAPUI5应用程序”指的是应用程序：
从本地驱动器加载，没有http服务器
使用CDN
使用带有禁用SOP的浏览器(如Chrome )-禁用web安全--用户-数据-dir
这种应用程序适用于1.52.xxx：
src="https://openui5.hana.ondemand.com/1.52.11/resources/sap-ui-core.js"
但是，使用1.54.xxx从ui5loader-dbg.js转储错误：
src="https://o
浏览 0提问于2018-05-08得票数 2
回答已采纳
1回答
如图所示，我有一个包含树脚本标记和一个css链接的html，其中两个脚本是通过异步方法加载的。根据我所了解到的，浏览器按照脚本在html中的显示顺序加载。但当我打开铬开发工具来分析细节时。我发现第二个脚本wa的加载被css资源阻塞了。
<head>
<title>css-block-js-parse</title>
<!-- I have a express server to mock delay of resources, the query param `sleep` is the
delay time -->
<li
浏览 3提问于2021-06-30得票数 0
1回答
在将加载程序与d3.js(d3_queue.js)集成时，我面临一个问题。目前，我正在使用JS黑客来显示在页面加载时调用的加载屏幕，一旦绘制了图形，我就使用jQuery隐藏加载程序。
代码：
$(".loader").show();
d3_queue.queue()
.defer(d3.json, url)
.awaitAll(makeCharts);
setTimeout(function() {
$('.loader').hide();
}, 1000);
我遇到的问题是，不管加载的数据是什么，加载程序都会隐藏起来，也就是说，它隐藏在给定的
浏览 2提问于2016-10-24得票数 0
回答已采纳
假设我在www.website.com/javascripts/application.js的服务器上托管了一个javascript文件，我希望第三方站点能够加载它。
在这些第三方站点上，您只需添加：
<script src="www.website.com/javascripts/application.js" type="text/javascript"></script>
但它需要在完全加载页面之前评估所有的javascript。
相反，如果第三方站点具有类似于
<script type="text/javascrip
浏览 1提问于2012-01-13得票数 1
如何设置两个外部async Javascript文件的加载和执行顺序？
考虑到以下情况..。
<script src="framework.js" async></script> // Larger file
<script src="scripts.js" async></script> // Small file
虽然scripts.js由于文件大小而在framework.js之前下载和执行第二个顺序，但是scripts.js依赖于framework.js。
是否有一种在仍然维护async属性的同时指定加载和执
浏览 11提问于2015-03-06得票数 13
回答已采纳
1回答
当加载一个页面时，它会在其中加载另一个html页面，并且该html页面包含select，我希望对其应用select2。
最基本的页面包含
<select class="selectAddItem" id="selectAddItem" name="selectAddItem" style="width: 150px;" class="required">
<option value="">--- Please Select---</option>
<
浏览 0提问于2017-06-04得票数 0
我有两个CDN文件，我在header中称之为
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js"></script
浏览 1提问于2016-06-07得票数 0
我的页面中有以下代码，它异步加载BingMap和BingMap模块：
var MM = window.Microsoft.Maps;
var _map = new MM.Map(
MM.registerModule('HtmlPushpinLayerModule', '/include/js/mapsearch/HtmlPushpinLayerModule.js');
MM.loadModule('HtmlPushpinLayerModule', function loadHtmlPushpinLayer() {
// do all so
浏览 18提问于2017-12-08得票数 0
回答已采纳
2回答
模块加载器负责加载模块。
我所知道的是模块加载器在浏览器中异步加载模块，而在Node.js中则同步加载。
我想确认这个信息是否正确。
浏览 14提问于2015-08-04得票数 10
1回答
我有一个有10个视图和几个共享组件的应用程序
--app
-------components
-------------home
-----------------homeController.js
-----------------homeDirective.js
-----------------home.html
.
.
.
-------shared
----------modals
------------someModal
--------------- someModalController.js
--------------- someModal.html
构件的角向路由
浏览 2提问于2015-10-26得票数 0
回答已采纳
我的程序从twig模板中的这个入口点开始：
<script data-main="{{ asset('bundles/wwwcms/js/app') }}" src="{{ asset('bundles/wwwcms/js/require.js') }}"></script>
这将输出以下内容：
<script data-main="static.correct_require_url.net/js/app" src="static.correct_require_url/re
浏览 2提问于2014-04-24得票数 0
我有一个网站，使用谷歌地图应用程序接口JavaScript来显示地图。我还使用geoxml3和ProjectedOverlay在地图上显示KMZ/KML文件。
我的脚本：
<script async defer src="//maps.googleapis.com/maps/api/js?key=API_KEY_HERE&libraries=places"></script>
<script type="text/javascript" src="/js/geoXML/ZipFile.complete.js"
浏览 17提问于2017-03-02得票数 0
回答已采纳
RequireJS + Laravel 5+Gmap+异步=不工作的
有人能帮我用异步插件加载谷歌地图吗？我也尝试过goog插件，但也没有成功。
它抛出以下错误：
我只能同步加载地图，但它是不安全的。
这是我的代码：
welcome.blade.php
<head>
<title>Roads API Demo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
浏览 6提问于2016-05-02得票数 0
1回答
我对固定装置做了错事。我必须在合同有很多合同的情况下建模，并尝试为它们加载夹具。
App.Contract = DS.Model.extend({
contractItems: DS.hasMany('contractItem'),
//
});
App.ContractItem = DS.Model.extend({
contract: DS.belongsTo('contract'),
//
});
App.Contract.FIXTURES = [{
id: 1,
runtime:
浏览 3提问于2014-06-04得票数 2
回答已采纳
1回答
我正在构建一个vue js网络应用程序，可以连接到用户的Google帐户。
登录过程(前端和后端)工作正常:谷歌登录按钮显示，用户点击它，它的化身显示，没有页面重新加载。
现在，用户已经登录并刷新页面。这里的“可视”问题是，对后端的请求是在结束时完成的，因为在加载vue js组件/页之前，我无法实例化gapi.auth2。
我已经从尝试过这个解决方案，但是我不能在主要的app data部分调用gapi.auth2：
<script>
function onLoad() {
gapi.load('auth2', f
浏览 0提问于2019-08-09得票数 0
我在客户端开发方面比较新，所以你们中的一些人可能会觉得我的问题很幼稚。例如，如果我有加载jQuery库的顺序：
<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js&
浏览 6提问于2014-12-25得票数 0
回答已采纳
我不想把这个脚本标记放在html的标题中：
<script src="https://cdn.jsdelivr.net/npm/places.js@1.7.3"></script>
主要原因是在加载整个页面时会导致块。
因此，我想加载脚本：
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://cdn.jsdelivr.net/npm/places.js@1.7.3&
浏览 1提问于2018-06-15得票数 0
回答已采纳
2回答
我们能实现动态加载js，css等文件，进程吗？
通过从html标记数据属性中获取所有需要的信息(我们必须加载的信息)？
例如：
<html>
<head>
<title>Our app</title>
</head>
<body data-load-css="style">
<div class="all" data-load-js="jquery|jqueryui" data-load-js-type="
浏览 2提问于2015-12-21得票数 3
我正在设计Netflix克隆，并且工作正常，但是当我在App.js文件中取消对横幅组件的注释时，它显示错误错误：./src/axios.js 10:12模块解析失败:无法在异步函数(10:12)之外使用关键字'await‘文件使用以下加载器处理：
* ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
* ./node_modules/babel-loader/lib/index.js
您可能需要一个额外的加载器来处理这些加载器的结果。
const baseURL =
"https://
浏览 1提问于2021-09-23得票数 0
2回答
我想有一个加载屏幕，其中显示当前的状态，而资源正在后台加载。因此，我使用异步函数。我对JavaScript中的异步了解不多，但在C#中，我想以同样的方式使用它，所以我只调用函数。
相关代码如下：
// main.js
async function loadAssets() {
var loadingInfo = document.getElementById("loading-info");
loadingInfo.innerHTML = "Loading entity data..."
entityDB = JSON.parse(Fil
浏览 0提问于2021-04-19得票数 0
和小部件都告诉您向您的HTML添加类似以下内容的内容：
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src="https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
浏览 2提问于2013-02-07得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
