问题标签 [external-script]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 为社交网络 API 加载脚本的最有效方法是什么？
像现在的大多数网站一样，我的个人网站有一系列社交网络小部件，例如“喜欢”、“关注”和“分享”按钮等。
为了嵌入这些小部件，我使用了社交网络开发者网站上提供的 JavaScript 代码，以及带有data-*按钮“钩子”相关属性的 HTML5 标记。
目前，这些 API “加载器”函数位于一个外部文件中，该文件通过位于网页中.js的元素触发。<SCRIPT><HEAD>
我注意到这些“加载器”函数从相关社交网络的服务器调用另一个文件。以 Facebook 的 JavaScript 加载器函数为例：
该函数调用 Facebook 的主要 API 脚本：
connect.facebook.net/en_GB/all.js
我还在同一个外部文件中拥有 Twitter 和 Google+ 加载程序功能。
然而，虽然我在 JavaScript 以及它与缓存的关系方面远非专家，但我感觉使用外部脚本会导致与缓存相关的问题。这些按钮似乎有自己的想法，它们是否真的加载似乎是一个运气问题！我想知道这是否与我的 Apache 服务器自动发送Last-Modified:HTTP 标头有关。
简而言之，我想回答的问题是：
触发这些 API 加载器的最有效和无错误的方法是：通过外部脚本还是嵌入式脚本？
换句话说：您认为嵌入 API 加载器函数会改善按钮的加载和性能吗？或者代码是嵌入还是外部文件中是否重要？
javascript - 有条件地加载外部脚本不起作用，没有错误
在我的情况下，我有：
我收到控制台消息“广告已加载”，但广告未显示，当我检查元素时，<script>未将 div 添加到带有 class 的元素中ad。
Firebug 没有出现任何错误，有什么明显的我遗漏了为什么这不起作用？我至少希望脚本标签出现在元素中。
css - Wordpress：为什么我的样式表没有入队？
我正在修改现有的 WP 插件，方法是制作一个单独的插件来扩展它。我想编写将覆盖插件的 CSS。但是，当我尝试将样式表排入队列时，它不起作用。我知道它不起作用，因为我在中添加了一个简单的表单includes()并尝试将单词设置为红色以查看更改。为什么这不起作用？
注意 - 我正在使用plugins_loaded我在 codex 中读到的 action hook 之前发生过wp_enqueue_script。所以我不怀疑我的排队错过了时机，但我是 WP dev 的新手，如果我错了，请纠正我。
更新- 请在下面查看我更新的 CSS 代码。#id 选择器本身并没有将文本着色为红色，但是当我添加 p （段落选择器）时它起作用了。这两个选择器都不能单独工作，只有在我同时添加两者时才有效。为什么是这样？
查找-do-for-anspress.php
fd-css.css 尝试 1
fd-css.css 尝试 2
javascript - 如何在 mocha 中运行外部脚本
这可能是一个愚蠢的问题，但无论如何我必须询问社区。
我正在使用 Zombie.js 和 Mocha 进行测试，并且我有一个名为：external.js 的外部脚本。
我想将此外部脚本加载到 mocha 测试中（不是 Zombie.js 打开的浏览器）并在运行测试之前运行它。
我尝试了几种方法，例如创建脚本标记和插入我的外部脚本，但在 HTML 中似乎可以工作（因为它在 Zombie 的浏览器中运行良好）但我想要在运行测试之前使用脚本。
angular - 如何将第 3 方脚本从 Web 动态加载到 Angular2 组件中
我正在尝试从 Web 加载第 3 方脚本，而不是制作它的本地副本，并且能够在脚本加载后使用第 3 方脚本的全局变量和函数。
更新：
- 这是我试图在纯 JavaScript 中实现的示例，其中单击 Visa Checkout 按钮会打开 Visa Checkout 对话框： Plunker JS 链接
- 这是我需要帮助的 Angular2 版本： Plunker Angular2 链接
问题：下面的组件未从 Web 加载脚本
javascript - Javascript onload 和脚本回调函数，哪个优先？
我正在加载一个使用回调函数的外部脚本，它返回一些特定的数据。如果未收到此数据，则应显示错误。
这是我制作的代码：
如您所见...脚本可能会出错的许多事情，所以我自然地添加了一个onerror事件。如果您将脚本的主机名或域更改为不存在的内容，则此错误事件实际上会触发。
但是，如果您只更改脚本的 url，它仍然可以连接到服务器并触发onload事件。我的回调函数不会被那些无效请求调用，所以我也添加了一个onload处理程序。
现在的问题是，如果所有加载正常并返回数据，它将触发回调函数和onload。我注意到在onload之前触发了回调函数并设置了visitor_loaded变量，以便只调用一次处理函数。
到目前为止，它在 JS fiddle 和我的离线站点中运行良好，但我想知道这是否是预期的行为？json_callback函数是否总是优先于onload处理程序？
javascript - 为什么 Github Pages 不允许我的有效 HTML？
我目前正在 Github 上为使用 W3Schools 脚本的 Github Pages 创建一个 repo。我的 index.html 代码如下所示：
在 common.html 中，有页眉和页脚的代码：
我正在利用此处描述的脚本来导入其他 HTML 文件。我不认为CSS是相关的。然而，当我加载我的 Github Pages 页面时，我只看到 index.html 中的元素。但这不是我的错，因为当我从本地文件加载页面时，看起来就像我期望的那样。
图片：
在线：
本地：
发生了什么事？不能在 Github 上使用外部 JS 吗？
编辑：我检查了控制台并收到此消息：
javascript - 如何限制部署第 3 方 javascript 的站点数量？
我已经编写了一个 3rd 方 JS 应用程序，我想开始向客户销售。我一直在考虑按部署的站点付费的收费方案。客户进行购买并获得一块 HTML+JS 嵌入到他们的网站上，以加载实际的 JS 应用程序。
有没有一种可靠的方法可以确保客户只在他们支付的网站上使用该应用程序（他们可以轻松地将上述代码粘贴到任何地方）？
这是我想到的唯一解决方案：
- 使用检查原始站点的地址
window.location.href - 将它与 JS 应用程序向我的服务器发出的每个请求一起发送
- 将其与客户在购买应用程序时注册的已购买站点列表进行比较，如果该站点未被识别，则阻止该应用程序
但是，乍一看，这种方法对我来说似乎不是很可靠——例如，如果客户的站点在多个地址下可用，我可能会遇到麻烦。
任何关于在哪里进一步研究的想法甚至灵感都非常受欢迎（到目前为止，我目前的谷歌搜索一直是徒劳的）。