JsFiddle:使用单独的x.js测试isJsFileLoaded()的任何方法
JsFiddle是一个在线的前端代码编辑和测试工具，可以帮助开发者快速编写、调试和分享HTML、CSS和JavaScript代码。它提供了一个简洁的界面，可以在浏览器中实时预览代码的运行结果。
isJsFileLoaded()是一个自定义的JavaScript函数，用于检测指定的JS文件是否已加载完成。该函数可以通过以下步骤来实现：
- 创建一个script标签，并设置其src属性为待检测的JS文件的URL。
- 将script标签添加到页面的head或body中。
- 监听script标签的onload事件，当JS文件加载完成时触发。
- 在onload事件处理函数中，设置一个全局变量或调用一个回调函数，表示JS文件已加载完成。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>JsFiddle: Test isJsFileLoaded() Method</title>
</head>
<body>
<script>
function isJsFileLoaded(url, callback) {
var script = document.createElement('script');
script.src = url;
script.onload = function() {
// JS文件加载完成后的处理逻辑
if (typeof callback === 'function') {
callback();
}
};
document.head.appendChild(script);
}
// 调用isJsFileLoaded()函数进行测试
isJsFileLoaded('x.js', function() {
console.log('x.js文件已加载完成');
});
</script>
</body>
</html>在上述示例中，我们定义了一个名为isJsFileLoaded()的函数，它接受两个参数：待检测的JS文件的URL和一个回调函数。当JS文件加载完成后，会调用回调函数进行相应的处理。
推荐的腾讯云相关产品：腾讯云云开发（CloudBase）是一款全新的云原生应用开发平台，提供了前后端一体化的开发框架和工具，可以帮助开发者快速构建和部署云原生应用。腾讯云云开发支持多种编程语言和开发框架，包括JavaScript、Node.js、Vue.js等，可以轻松实现前端和后端的无缝集成和协作开发。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
1回答
JsFiddle:使用单独的x.js测试isJsFileLoaded()的任何方法
javascript、html、jsfiddle
2021.10.20编辑后添加了有关该问题的示例代码。第一次使用JsFiddle。刚刚发现:) 我有一个html加上js页面，从服务器测试ok。要加载该文件，html需要 <script src='x.js'></script> 我有一个函数 function isLoaded() {
return Boolean(document.querySelector('script[src=\"x.js\"
浏览 17提问于2021-10-18得票数 0
1回答
Jest手动模拟需要新实例的包
javascript、node.js、jestjs
我试图使用Jest手动模拟来模拟项目中使用的包X的行为。// Real.js
global.__test__X;
在我的测试中，我试图查看调用了多少次
浏览 2提问于2017-11-19得票数 1
1回答
如何将html文件内联脚本中声明的变量读入另一个html内联脚本
javascript、html
abc.html有一个内联脚本，其中有一个带有值的变量x。现在，我想访问rst.html文件的内联脚本中的x值。如果可能的话请告诉我。
浏览 4提问于2022-06-26得票数 -1
回答已采纳
6回答
使用window.opener时的问题
javascript、html、ajax
我有一个简单的ajax应用程序表单resultpage和ajax应用程序都有一个共同的javascript文件。在弹出窗口中，在表单resultpage页面中，我尝试调用公共javascript文件中的一个方法，以应用于父窗口。我的javascript文件包含一个updateLayer方法，当从父窗口调用它时，它工作得很好。当我尝试从弹出窗口调用它时，什么也得不到。弹出窗口中的结果页具有
<script t
浏览 3提问于2009-05-14得票数 0
回答已采纳
4回答
将CSS和Javascript自动内联为HTML的工具
javascript、html、css
类似于关于StackOverflow的几个老问题 (但是那里的答案似乎只支持CSS，而不是Javascript)。<script type="text/javascript" src="x.js"></script> <script type="text/jav
浏览 0提问于2014-07-21得票数 17
回答已采纳
1回答
为什么我在Magento的js/index.php/x.js上得到not found错误？
.htaccess、magento、magento-1.9
Magento forgotpassword.phtml页面使用js/index.php/x.js?显然，js/index.php脚本应该连接所提供的脚本(用于优化目的)，并返回服务器上实际不存在的虚拟x.js文件。但在我的例子中，这是行不通的。出于测试目的，我在js/index.php的开头添加了一些日志信息到一个文件中。当我调用js/index.php时，脚本中添加了一个条目。当我
浏览 17提问于2020-05-02得票数 0
1回答
如何测试单独使用的方法？
javascript、testing
使用这个类： this.== 'undefined') {}var assert = require('assert'); });});
运行这些测试(使用moch
浏览 2提问于2013-04-28得票数 0
1回答
(暂时)将JS文件中的函数替换为客户机浏览器修改的函数
javascript、angular
参数的数量可以改变，以及之间的关系。应用程序的每个计算参数都有一个js文件。x.js return A + B;y.js return A * X;公式应该会随着时间<em
浏览 7提问于2022-06-07得票数 0
1回答
使用react本机中的自定义文件扩展名进行构建
react-native、bundle、packager、build-variant
我正在开发一个应用程序，目标是不同种类的用户。我想建立不同的用户界面，不同的测试用例为每个变量在相同的逻辑相同的代码库。如果没有变体文件，它应该回退到默认的index.js。因此，当我想为X类型的用户构建应用程序时，我可以使用所有的.X.js文件来构建应用程序。
我已经经历了以下两个包和。第一个包只支持特定版本的react-native，我不确定我不会因为使用这些版本而遇到
浏览 8提问于2018-03-09得票数 2
2回答
如何获取getroute生成的标记的onclick事件
javascript、jquery、google-maps、google-maps-api-3、jquery-gmap3
在本文中，jsfiddle是我的js：的简化版本，请注意，jsfiddle中有趣的部分只是showRoute方法。方法showMarker仅在正常标记上显示期望行为。点击一个路径点后，我需要打开一个小的信息框，里面有更多的自定义信息--所以基本上可以从某种程度上获得这个路径点的onclick事件(通过对该路径点进行一些标识，这样我就能够获得适当的信息)。我能够在一个单独的<
浏览 3提问于2014-09-22得票数 0
回答已采纳
5回答
从表单结果调用javascript函数
javascript、html
所以我有一个html页面(实际上是用php生成的)，它将使一个包含表单的弹出窗口。我所有的javascript内容都在一个单独的javascript文件中。我想知道是否可以从我的javascript文件中调用来自表单resulttext的函数。这是第一个html页面
<script type="text/javascript" src="x.js"></script><h1>
浏览 2提问于2009-05-14得票数 1
1回答
用茉莉花来嘲弄火基调用
javascript、unit-testing、jasmine、firebase-realtime-database、spyon
我正在寻找对firebase数据库的spyOn调用。我有一个包装防火墙调用的FireFunc文件。但是，当我转到spyOn检查方法时，它会返回常规结果。这里发生了什么事？});这是我的代码(js/services-fb-functions.js s.js)firebase.check = function() {
浏览 2提问于2016-06-15得票数 0
回答已采纳
1回答
如何正确地捆绑MVC 4中的样式和脚本？
c#、asp.net-mvc-4、bundle
我读过一些关于捆绑的文档，但直到现在我才找到一个通用的概念，即如何将它用于我的脚本和样式。经过几个小时的反复试验，唯一能持续发挥作用的解决方案是：
var丛=新的ScriptBundle("~/a/b/c/bundle").Include("~/a/b/c/
浏览 1提问于2015-12-19得票数 7
1回答
Java Script方法在JSFiddle中不起作用
javascript、jsfiddle
很简单的问题。我几天前才开始学习JavaScript，我正在使用JSFiddle来运行和测试我的代码。我有一个简单的方法，我正尝试在JSFiddle中运行，但不确定它为什么不运行。任何帮助都将不胜感激。
浏览 11提问于2019-02-06得票数 1
2回答
包括带有html和node.js的js文件。
javascript、html、node.js、eval
为了共享公共代码，我为公共逻辑创建了一个单独的项目，并使用git的子项目将代码“导入”到其他两个项目中。/common/js/comms.js').toString());
虽然我采用的方法有效，但我注意到，当我有依赖关系时，它开始变得非常混乱(比如，我需要x.js、y.js和x.js，如果我想要a.js)，我必须对希望使用这些实体的每个node.js js文件都这样做。我也不
浏览 3提问于2013-01-25得票数 10
回答已采纳
1回答
如果我在另一个js文件中使用readFileSync()，是否需要再次调用writeFile()？
javascript、node.js、fs、discord、discord.js
如果命令是X，它将转到X.js我让X.js和Y.js使用fs.readFileSync()和fs.writeFile()读写相同的JSON文件(在不冲突的区域)。通过一个调用从同一个文件读取/写入工作得很好，但我还没有测试过多个脚本在一开始通过一个调用写入同一个文件的情况。而且，假设它不会工作，你们会有什么解决方案？现在我并不经常调用命令--可能一小时最多调用几次--但如果这件事最终公之于众，每秒可能会有
浏览 0提问于2018-05-17得票数 0
2回答
合并到一个文件中时，缩小的Javascript不起作用
javascript、minify
我使用了3个JS库，它们都在各自独立的文件中。它们使用每个单独文件中缩小的代码进行注释现在它们单独在我<
浏览 0提问于2013-02-07得票数 4
回答已采纳
2回答
在一个方法中两次调用JQuery的html()函数不起作用
javascript、jquery、html
我的目标是在单击按钮时替换两个表行的内容。我尝试过使用JQuery的html function，但似乎不能在同一个方法调用中调用该函数两次。我在jsFiddle中测试了以下内容 HTML： <table> <td class='textToReplace'>I want to be replaced with an/>');
}); 请注意，在实践中，我正在处理
浏览 42提问于2019-01-29得票数 0
回答已采纳
1回答
如何在博客中包含基于前端的css文件？
html、css、jekyll、liquid、jekyll-theme
我的骨架布局中有以下代码。page.customcss%} {% endif %}_site -blog.html -css -js
-x.js对于js文件，
浏览 4提问于2021-07-20得票数 0
1回答
停止JavaScript在页面刷新之间记住变量？(它不应该这样做)
javascript、css、mootools
我有一个简单的if-else语句，像这样：{{{}。这真的让我很烦。
它没有显示jsFiddle中的错误。但这就是我使用的<
浏览 0提问于2011-10-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频活动推荐
腾讯云开发者
