如何使用外部脚本文件从DOM调用Jquery中的函数
使用外部脚本文件从DOM调用jQuery中的函数，可以按照以下步骤进行操作：
- 引入jQuery库：在HTML文件的<head>标签中使用<script>标签引入jQuery库。可以通过以下方式引入：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>这是使用CDN引入jQuery的方式，也可以将jQuery库下载到本地并引入。
- 创建外部脚本文件：在同一个目录下创建一个新的JavaScript文件，例如
script.js。 - 在外部脚本文件中编写代码：在
script.js文件中，可以使用jQuery的语法编写代码。例如，如果要调用jQuery的click()函数来处理DOM元素的点击事件，可以这样编写：
$(document).ready(function() {
$('#myButton').click(function() {
// 执行操作
});
});这段代码将在文档加载完成后，为id为myButton的元素绑定点击事件。
- 在HTML文件中引入外部脚本文件：在HTML文件的<head>或<body>标签中使用<script>标签引入外部脚本文件。例如：
<script src="script.js"></script>确保外部脚本文件的路径正确。
- 使用外部脚本文件中的函数：在HTML文件中，可以直接在DOM元素的事件处理程序或其他需要调用函数的地方使用外部脚本文件中定义的函数。例如，在点击按钮时调用外部脚本文件中的函数：
<button id="myButton">点击按钮</button>通过以上步骤，就可以使用外部脚本文件从DOM调用jQuery中的函数了。
关于jQuery的更多信息，你可以参考腾讯云的相关产品和文档：
相关·内容
3回答
如何使用外部脚本文件从DOM调用Jquery中的函数
jquery、laravel
我的刀片式服务器文件中有此模式 </div>一旦点击了保存剂量按钮的idfunction addDosag
浏览 2提问于2017-02-17得票数 0
回答已采纳
3回答
延迟解析用于JQuery加载的JavaScript
javascript、jquery、performance、jquery-deferred、pagespeed
我删除了所有的javascript代码，只留下一小部分<script$('.test').click(function(){ });</script>
或者即使没有任何jquery代码，也只需将<
浏览 0提问于2012-03-20得票数 3
回答已采纳
5回答
来自html的Javascript外部函数提供“未定义的函数”
javascript、jquery、html
我试图从外部加载的index.js文件中调用html页面中的函数，但我总是在我的html页面中： $( document ).ready(function() { });
<&#
浏览 6提问于2017-03-23得票数 4
回答已采纳
2回答
是否可以将JavaScript拆分到多个文件中，并相互访问函数
javascript、jquery
我想做的是有一个JavaScript文件，其中将包含跨多个网站使用的jQuery功能(所有托管在同一个CMS - eTouches上，所以没有跨域脚本问题)，然后有一个网站特定的JavaScript文件，每个网站利用这些功能，使它很容易改变中央功能文件的需要。我在尝试这样做的时候遇到了错误，当第二个脚本试图执行某些东西时，函数并没有被定义。这是一种可能，我是否遗漏
浏览 0提问于2014-12-05得票数 2
3回答
Chrome扩展:插入javascript标记并调用函数
javascript、function、google-chrome、background
我有一个铬扩展名，它使用内容脚本来动态插入引用的脚本标记。DOM中。我的扩展还有一个按钮(即browser_action)。现在，我希望这个按钮在单击时调用上面定义的lfunc()。不幸的是，我的代码根本无法运行。我使用background.html页面中的以下代码来处理按钮的onClick事件：
浏览 2提问于2011-05-09得票数 3
回答已采纳
6回答
什么时候执行javascript函数？
javascript
我认为这是一个简单的问题，但我一直在寻找，但没有找到答案。我的想法是，我有一个html页面，其中包含一些脚本(在主体中)，如下所示：grf()函数在外部.js文件中定义问题是:一旦浏览器加载了页面及其所有外部js文件，这个函数就会执行吗？或者
浏览 2提问于2009-10-03得票数 7
回答已采纳
2回答
正在用jQuery .load剥离脚本
php、javascript、jquery、html、load
我认为这个问题以前并没有提出过，至少不是以我需要回答的方式提出的。我使用jQuery的.load函数。当只加载页面片段时，我遇到了问题。这一点在中有明确的记录，其中说：
注释:在使用没有后缀选择器表达式的调用.load()时，在删除脚本之前将内容传递给.html()。这将在脚本块被丢弃之前执行它们。但是，如果.load()被调用时附加了一个选择器表达式，那么<em
浏览 1提问于2011-12-18得票数 8
回答已采纳
2回答
关于$.load()的一个奇怪的问题
javascript、jquery、load
这是我使用$.load()加载到DOM中的文件： $('.close').click(function() { alert(1)});<div class="close"></div>
比方说，在我看来，<script>部件在加载时会自动
浏览 2提问于2009-09-10得票数 4
回答已采纳
1回答
Shopify应用程序主题扩展jQuery未加载/无法工作
javascript、shopify、liquid、shopify-template
举个例子： <script type="text/javascript" src={{ 'jquery-3.6.0.js' | asset_url }} defer></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quo
浏览 48提问于2021-10-21得票数 0
3回答
执行外部jQuery代码，而不调用显式函数
jquery、jquery-selectors
我在一个外部文件中编写了一些jQuery代码，目的是匹配包含脚本的页面中的每个<select>标记。我的目标是在目标页面的<head>标记中包含脚本引用，并在不调用任何函数的情况下“运行”jQuery代码。
我见过几个使用外部jQuery代码的
浏览 1提问于2011-05-13得票数 0
回答已采纳
3回答
javascript:作为对象或函数传递
javascript、jquery、function、object、frameworks
在jQuery中，你可以这样做或我正在制作的应用程序将需要类似的语法，我注意到如果您使用新的类似}
您可以使用该函数调用该函数，而无需使用()，但在某些情况下，我会需要它。这是因为我有一些函数需要选择一个dom</e
浏览 0提问于2012-09-13得票数 5
回答已采纳
7回答
将元素添加到DOM后，jQuery.click不起作用
javascript、dom、click、jquery
我有一个简单的jQuery(‘div#star’).click(函数。
该函数在最初加载DOM时有效一次，但稍后我向DOM添加了一个div#star，此时单击函数不起作用。我使用的是jQuery 1.4.4，据我所知，我不再需要使用.live或.bind了。在任何时候，DOM中都不会有多个div#star。我试着从id="star“更改为class=&q
浏览 0提问于2011-02-05得票数 6
2回答
将内联Javascript移动到外部文件时出错--如何修复此错误？
javascript、jquery、asp.net
这里有几十个类似的问题，但是我找不到一个有效的答案。我有几个Javascript函数，我在多个页面中反复使用，所以我认为将它们移到外部文件是个好主意。但当我这么做的时候，它们就不起作用了。下面是我目前在外部文件(目前是分开的)中具有的两个功能： //add the dialog
浏览 0提问于2013-10-15得票数 1
回答已采纳
3回答
不使用jquery的DOM注入
javascript、html、dom、code-injection
我想知道如何在不使用jquery库的情况下，通过DOM注入注入HTML标记。我们希望从外部javascript文件生成几个对象到原始页面，但我们不想依赖于jquery (因为它有90kb)，并且我们无法控制将使用我们的脚本的站点。
浏览 4提问于2012-09-05得票数 2
回答已采纳
3回答
是否还需要$(Document).ready(){ })？
javascript、jquery
我已经用javascript开发了几个月了，我在所有脚本的开头都使用了$(document).ready(function(){。我注意到其他人不会在他们的脚本中使用它，但我似乎不能让我的脚本没有它。我想让我的代码保持整洁，但我在谷歌上搜索了这么多，似乎想不出如何摆脱它。我知道它告诉浏览器在页面加载时立即执行我的脚本，但是有没有什么全局的设置可以让我不需要在页面加
浏览 8提问于2012-04-25得票数 3
回答已采纳
2回答
js文件的加载顺序
javascript、jquery、load-order
当我刷新页面时，整个屏幕滑块显示块中的图像向下显示，然后查询加载程序启动。是否有方法在页面上其他所有内容之前启动预加载程序？我经常使用堆栈溢出，通常会找到我的问题的答案，但由于我对javascript的了解有限，这个问题使我感到困惑。我尝试过的事情:将对queryloader2的调用放在页眉的页面顶部。将对滑块脚本的调用放在页面底部，以便它们在预加载器之后加载。将
浏览 6提问于2014-03-26得票数 1
回答已采纳
1回答
在加载外部javascript之后准备好了吗？
javascript、external、document-ready
当我的外部脚本完成加载时，DOM总是准备好了吗？，将调用一个回调函数。我的问题是:这个回调函数适合于将我的javascript代码的其余部分放入其中吗？这段代码需要DOM做好准备。$(document).ready(function () { ... });
因为在我的</
浏览 0提问于2015-10-28得票数 2
回答已采纳
2回答
如何在Vaadin中加载页面后加载js函数
vaadin、vaadin7
在页面在vaadin中完全加载后，我正在尝试加载我的脚本标记或一些jquery函数。我正在使用javascript注解来加载我的外部js。像这样的@JavaScript("vaadin://themes/custom/resources/js/custom.js")；
在页面加载或在html中创建dom对象之后，有没有办
浏览 0提问于2015-10-15得票数 2
2回答
在需要时导入javascript文件和全局变量
javascript、jquery
只有在需要时，我才使用导入函数导入javascript文件。我的函数如下所示。它们位于main.js文件和jquery中。document.getElementsByTagName('head')[0].appendChild(scriptElem);});
假设我们通过鼠标单击导入一个javascript文件但是，这个新导入的文件无法访问main.js javas
浏览 2提问于2014-05-10得票数 1
回答已采纳
1回答
角4如何从.js文件调用.ts文件中的函数
javascript、angular
我从事一个最新版本的Angular4项目。当用户在输入字段中按enter时，他会激活按下()的方法。我还想从位于.js文件夹中的外部/assets文件中调用一个函数。我不想重写整个脚本来匹配.ts格式，所以我只是将我的.js文件链接到index.html以使其工作。
该.js文件包含SVG脚本，它操作
浏览 5提问于2017-08-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
