gpt4 book ai didi

javascript - 动态加载JS 动态加载更多JS

转载 作者:行者123 更新时间:2023-12-03 06:51:09 24 4
gpt4 key购买 nike

请在说“使用$.getScript(fileURL)$('body').append($('<script>', {type" 'text/javascript', src: fileURL}))”之前先阅读情况。

我正在尝试使用 Amara Embedder用于链接到视频。通常,我不会同时使用 jQuery 来完成如此简单的任务,但在这件事上我别无选择。

所以,我首先尝试了最简单的选项:

$(function() {
$.getScript('https://amara.org/embedder-iframe');
});
<div class="amara-embed" data-height="480px" data-width="854px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

此操作失败,控制台条目类似于:

GET https://domain.com/embedder-widget-iframe/?data=%7B%22hei…22url%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5CKwCfLUwj4%22%7D 404 (Not Found)

从示例中可以明显看出,这效果不太好。问题在于,不是执行脚本并使用 amara.org域作为其基本 URL,该脚本使用 where $.getScript() 的域执行。已被处决。

使用 JavaScript,创建 SCRIPT 很简单。元素并将其附加到 BODY让它发挥作用。

window.onload = (function() {
var link = document.createElement('script');
link.type = 'text/javascript';
link.src = 'https://amara.org/embedder-iframe';
document.getElementsByTagName('body')[0].appendChild(link);
})();
<div class="amara-embed" data-height="480px" data-width="854px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4"></div>

这会成功,因为它执行了 GET来自amara.org域:

https://amara.org/embedder-widget-iframe/?data=%7B%22height%22%3A%22480px%22%2C%22width%22%3A%22854px%22%2C%22url%22%3A%22http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5CKwCfLUwj4%22%7D

现在,我尝试了 jQuery 的变体,例如 $('body').append($('<script>', {type" 'text/javascript', src: 'https://amara.org/embedder-iframe'}))$('<script>', {type" 'text/javascript', src: 'https://amara.org/embedder-iframe'}).appendTo('body')结果相同。

我无法找到将其标识为预期功能的文档,也无法找到它的解决方法。

最佳答案

404 错误来自 amara.org 脚本,而不是 jQuery 请求。当它在 jQuery 函数中运行时,我敢打赌 this 的某种上下文被错误分配。

编辑:找到了。该代码取决于脚本标记的源属性中的 url。

// This must be done when the js file is first loaded
var scriptFiles = document.getElementsByTagName("script");
var THIS_JS_FILE = scriptFiles[scriptFiles.length-1].src;

关于javascript - 动态加载JS 动态加载更多JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37490975/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com