- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在构建一个应该异步加载的 javascript 小部件。
问题是页面上可能有超过 1 个这样的小部件,并且应该通过 {} 向它发送一个选项数组来初始化小部件。
实现此目标的最佳方法是什么?我听说仅设置 onload 或 onreadystatechange 并不适用于所有浏览器。
我查看了 digg 小部件,但我无法真正理解他们在做什么,有人可以看一下吗?
这是他们的一些代码:
(function () {
var s, s1, diggWidget = {
id: "digg-widget-1282651415272",
width: 300,
display: "tabbed"
};
if (window.DiggWidget) {
if (typeof DiggWidget == 'function') {
new DiggWidget(diggWidget);
} else {
DiggWidget.push(diggWidget);
}
} else {
DiggWidget = [diggWidget];
s = document.createElement('SCRIPT');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/widgets.js';
s1 = document.getElementsByTagName('SCRIPT')[0];
s1.parentNode.insertBefore(s, s1);
}
})();
因此,如果 DiggWidget 已经可用(由于多个实例而较早加载),如果 DiggWidget 是一个函数,它会创建一个新的小部件,否则 DiggWidget 将用作数组并将当前设置推送给它。
首先,为什么 DiggWidget 会是一个函数?
如果小部件是唯一的(或第一个),则异步添加脚本标签,不定义任何回调。
然后,查看 widgets.js 他们这样做:
在顶部:
(function () {
var A;
if (window.DiggWidget) {
if (typeof DiggWidget != "function") {
A = DiggWidget
} else {
return
}
}
在底部:
if (A) {
while (A.length) {
new DiggWidget(A.shift())
}
}
现在我不太明白这个。 DiggWidget(数组)是否可用于该 .js ?它在一个匿名函数中。因此,如果我两次包含这样的脚本,DiggWidget 不会每次都是一个新实例吗?
还是我在这方面完全错了?对不起,如果是这样。如果有任何更好的方法来使用脚本的多个实例进行回调,请告诉。
最佳答案
First, why would DiggWidget ever be a function?
异步脚本加载执行时会变成一个函数
Is DiggWidget (the array) available to that .js
是的,window.DiggWidget
是全局的,因此它可用于该脚本。
小部件的工作方式相当简单。
如果 DiggWidget
脚本还没有加载,那么 window.DiggWidget
将不是一个函数。最初它将是一个 undefined variable ,所以 else block
} else {
DiggWidget = [diggWidget];
执行并将其定义为数组。从现在开始直到小部件脚本加载,它将被定义为一个数组。
现在,直到 DiggWidget
脚本异步加载,继续将所有初始化对象 {..}
推送到同名数组 - window.DiggWidget
.
加载脚本时,在它超越全局 DiggWidget
变量之前,它会看到该数组中的对象,并将其安全地记录在其他地方。然后接管 DiggWidget 名称,循环遍历每个对象,并为每个对象初始化小部件。
这是带有注释的完整嵌入代码。
(function () {
var s, s1, diggWidget = {
id: "digg-widget-1282651415272",
width: 300,
display: "tabbed"
};
// either the external widget script has already loaded, or there is more than
// one widget to be embedded on the page, and the previous widget's embed code
// defined this variable
if (window.DiggWidget) {
// the external widget script has been loaded asynchronously
// because DiggWidget is a function. Can directly create a new object.
if (typeof DiggWidget == 'function') {
new DiggWidget(diggWidget);
}
// a previous widget's embed code defined this global array. Remember the
// widgets initialization settings for when the external script loads.
else {
DiggWidget.push(diggWidget);
}
}
// the external widget script has not loaded yet and
// this is the first widget ever to be embedded on the page
else {
// DiggWidget does not exist at this point. So make it an array
// and store the first widget's config object in it
DiggWidget = [diggWidget];
s = document.createElement('SCRIPT');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/widgets.js';
s1 = document.getElementsByTagName('SCRIPT')[0];
s1.parentNode.insertBefore(s, s1);
}
})();
(function () {
var A;
// global DiggWiget is defined. it will either be an array if
// the widget code hasn't loaded yet, or a function if it has
if (window.DiggWidget) {
// it's an array, so keep that array somewhere safe
// because we are gonna take over the DiggWidget variable purdy soon
if (typeof DiggWidget != "function") {
A = DiggWidget
}
// window.DiggWidget must be a function
// there is no widget to initialize, just return
else {
return
}
}
// A is the array of widget settings we backed up a little earlier
if (A) {
// loop through each config object and create the actual
// widget object
while (A.length) {
new DiggWidget(A.shift())
}
}
关于javascript - 异步加载 javascript - 如何进行回调?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3557565/
我正在研究 learnyounode 的 HTTP 客户端作业。 我想知道为什么控制台记录来自response.on(“end”,callback)的数据仅输出预期输出的最后一部分,而控制台记录来自r
我正在尝试创建一个对象列表(在我的示例中为 List),我在其中使用 json 将对象添加到此列表,但该列表仍为空。这是我的代码: public List readCardsFromJson() {
我有一个 JavaScript 函数“print_something”,它在大约 300 个 jsp 帮助页面中实现。我发现这个“print_something”函数必须被纠正。所以我正在寻找一个不更
有 2 个 HTML 下拉列表,一个用于 12 小时时间,一个用于每小时 5 分钟的时间间隔。 .. 1 .. 12 .. 0 .. 55 .. 一直在尝试使用 if/
我有一个 A 类,我打算在它与设备驱动程序交互时将其放入共享库中。 我有一个 B 类,将来可能是 C、D、E...,它将使用共享库中的 A 类。 我想要在类 A 中设置回调函数的功能,以便当特定事件发
我需要能够在处理完 Observable.next() 之后执行回调。 我有一个组件“A”,它有一个主题使用 Subject.next() 发送通知。我有一个组件“B”,它订阅了 Subject.as
我有一张在顶部和底部单元格下方带有阴影的表格(此处使用 Matt Gallagher 的解决方案:http://cocoawithlove.com/2009/08/adding-shadow-effe
有人可以向我解释一下为什么这段代码有效 renderSquare(i) { return ( this.handleClick(i)} /> ); } 但
我可以让两个不同的客户端监听相同的 WCF 回调并让它们都接收相同的数据而不必进行两次处理吗? 最佳答案 不是真的 - 至少不是直接的。你所描述的听起来很像发布/订阅模式。 WCF 服务基本上在任何给
我是 SignalR 的新手,如果这个问题太明显,我深表歉意,但我在文档中找不到任何答案。 这是我的代码。 /*1*/ actions.client.doActionA = function (r
我有这个应用程序,您可以在其中输入一些文本并按下一个按钮,将此文本添加到自定义小部件中。这是代码: import 'dart:core'; import 'package:flutter/materi
我读到当您还想使用模型回调时不能使用 Keras 进行交叉验证,但是 this post表明这毕竟是可能的。但是,我很难将其纳入我的上下文。 为了更详细地探讨这个问题,我正在关注 machinelea
我尝试在重力表单中提交表单失败后运行一些 jQuery 代码,也就是验证发现错误时。 我尝试使用 Ajax:complete 回调,但它根本不触发。 我尝试运行的代码基本上将监听器添加到选择下拉列表中
我有一个 $image,我 .fadeIn 和 .fadeOut,然后 .remove .fadeOut 完成。这是我的代码: $image .fadeIn() .fadeOut(func
我正在处理一个自定义文件路径类,它应该始终执行一个函数 写入相应的系统文件及其文件对象后 关闭。该函数将文件路径的内容上传到远程位置。 我希望上传功能完全在用户的幕后发生 透视,即用户可以像使用其他任
这里是 javascript 新手,所以回调在我的大脑中仍然有点不确定。 我想做的是:给定一个“菜单”,它是一个 objectId 数组,查询与该 objectId 相对应的每个 foodItem,获
我正在学习回调,我编写了以下代码: var http = require('http'); var str = ""; var count = 2; function jugglingAsync(ca
这是我的困境,我有一系列被调用的函数,我正在使用回调函数在它们完成时执行函数。回调返回一个值并且效果也很好,我的问题是当我向回调添加参数时我无法再访问返回值。这是一个有效的例子: function m
This question already has answers here: Explanation of function pointers (4个答案) 上个月关闭。 如何将函数指针作为参数传递
我无法让以下代码工作。假设 ajax 调用有效,并且 msg['username'] 预设为 'john'。我想我对如何将变量传递给回调感到困惑。编辑:我认为我的主要困惑是如何从 Ajax 中获取“m
我是一名优秀的程序员,十分优秀!