gpt4 book ai didi

javascript - 如何以编程方式下载 JS 文件

转载 作者:行者123 更新时间:2023-11-29 16:24:59 25 4
gpt4 key购买 nike

大多数时候我们在 html head 标签中包含 script 标签。喜欢

 <Head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
</head>

我不想包含 js 文件路径,而是需要通过 jquery 以编程方式下载 js。就像我将从 http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js 以编程方式下载 js 文件一样并检查文件是否无法下载或不存在,然后我将从我的站点下载相同的文件,例如 www.my-site.com/js/1.5.2/jquery.min.js。

请帮助我使用 jquery 来完成它。

最佳答案

我认为您想以编程方式添加脚本。如下机制允许渲染引擎立即渲染并显示在 HTML 中定义的初始 View ,而 JavaScript 资源仍在加载和执行,从而带来更好的用户体验

      function loadScript(src, callback) {
var head = document.getElementsByTagName('head')[0],
script = document.createElement('script');
done = false;
script.setAttribute('src', src);
script.setAttribute('type', 'text/javascript');
script.setAttribute('charset', 'utf-8');
script.onload = script.onreadstatechange = function() {
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done = true;
script.onload = script.onreadystatechange = null;
if (callback) {
callback();
}
}
}
head.insertBefore(script, head.firstChild);
}

// load the my-script-file.js and display an alert dialog once the script has been loaded
loadScript('my-script-file.js', function() { ///Loaded, add your javascript here. });

当在 HTML 文档中找到标签时,在呈现引擎可以继续下载其他资源之前下载并执行引用的脚本资源,这有效地阻止了标签下方页面的呈现。为了避免这种阻塞行为,可以通过称为动态脚本标记注入(inject)引用的机制创建脚本标记(http://www.nczonline.net/blog/2009/07/28/the-best-way-to-load -外部javascript/)

关于javascript - 如何以编程方式下载 JS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7051409/

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