如何在页面加载后加载外部js文件并使用同一js中的函数

在页面加载后加载外部js文件并使用同一js中的函数，可以通过以下步骤实现：

创建一个外部的JavaScript文件，例如external.js，在该文件中定义需要使用的函数。例如，我们在external.js中定义一个名为myFunction的函数。

// external.js
function myFunction() {
  console.log("This is a function from external.js");
}

在HTML页面中，使用<script>标签引入外部的JavaScript文件。将src属性设置为外部文件的路径。

<!DOCTYPE html>
<html>
<head>
  <title>Page</title>
</head>
<body>
  <!-- 页面内容 -->
  
  <script src="external.js"></script>
  <script>
    // 在页面加载后，可以直接调用外部js文件中定义的函数
    myFunction();
  </script>
</body>
</html>

当页面加载后，浏览器会按照顺序解析HTML文档，并加载外部的JavaScript文件。在加载完external.js后，可以直接在页面中调用myFunction()函数。

这样，页面加载后就能够加载外部的JavaScript文件并使用同一文件中定义的函数了。

对于腾讯云相关产品，可以使用腾讯云的对象存储（COS）服务来存储和分发外部的JavaScript文件。腾讯云对象存储是一种安全、低成本、高可靠的云存储服务，适用于存储和分发各种类型的文件。您可以通过腾讯云控制台或者API进行管理和配置。

腾讯云对象存储产品介绍链接地址：腾讯云对象存储

如何在页面加载后加载外部js文件并使用同一js中的函数

javascript、html、external

我试图将webcam.js文件转换为index.html文件，但它需要在页面加载后加载。这是一个网络摄像头文件，所以它只在索引文件加载后才打开。我还必须能够使用该文件中的函数。所以我的外部文件是webcam.js，我在index.html中

浏览 10提问于2017-07-14得票数 0

2回答

如何在页面加载后加载外部js文件并使用其中的函数

javascript、html

我需要在页面加载后将外部js文件加载到html文件中。这是因为在这个外部js文件中，变量只有在html文件加载之后才会自我更新。也就是说，之后我还需要使用函数showScreen。showScreen是外部js文件中<em

浏览 1提问于2017-07-14得票数 2

3回答

从PHP调用JavaScript函数的问题

php、javascript

基本上，我试图从我的PHP中调用一个javascript函数，我正在使用我知道在其他情况下可以工作的代码，但是这里不是这样吗，我不知道为什么？这可能是一些愚蠢的事情，因为我已经盯着这个屏幕很长时间了:)if(isset($test_details['done_test'])){ echo "<SCRIPT LANG

浏览 2提问于2011-04-21得票数 3

5回答

如何判断哪些javascript可以放在底部，哪些必须放在<head>中？

javascript、jquery、xhtml

作为外部文件那么如何判断JavaScript应该放在底部还是必须放在<head>或<body>中呢？我在很多网站上见过JavaScript 例如，在<body>....<body&

浏览 7提问于2010-01-08得票数 1

3回答

外部文件中的Javascript

php、javascript、html

我的问题是如何从外部文件而不是在php / html中运行javascript。我想要做的是。; } 我已经在<head>中包含了<script type="text/javascript" src="javascript.js"></script>，并且在根目录中有一个名为javascript.js的<

浏览 0提问于2011-05-13得票数 3

回答已采纳

4回答

HTML中指向js文件的链接需要调用函数

javascript、html

我已经将我的javascript保存为外部链接文件以清理我的代码。但是，在div class = inner中，HTML调用的是studentformcal.js文件中的一个函数...我可以在外部.js文件中调用函数吗？<script src="studentformcal.js</em

浏览 0提问于2018-06-26得票数 0

1回答

如何在HtmlUnit中包含外部.js文件来分页？

javascript、html、htmlunit

我想在加载到HtmlUnit中的页面后运行外部.js文件。如何在HtmlUnit中包含外部.js文件来分页？谢谢，Huy

浏览 0提问于2011-03-08得票数 1

1回答

从javascript文件调用view javascript函数

c#、javascript、jquery、asp.net-mvc

我有一个jquery模板，它是在ajax调用完成后加载值的，而不是在视图加载时加载的。var

浏览 1提问于2013-07-24得票数 1

1回答

在用户交互中加载第三方js

javascript、php、jquery、wordpress、pagespeed

我有一个WordPress网站，其中有一些外部的js文件，如recaptcha，gtm脚本等，这是影响我的速度。我不能让它加载后，从我的页面加载，因为这些文件是从外部来源。有没有办法防止加载这些文件和用户交互时加载。如果是在我这端，我可以使用setTimeout来延迟它。基本上，我想阻止它最初

浏览 0提问于2021-05-23得票数 2

3回答

在页面完全加载后执行不重要的Javascript文件

javascript

在我的站点中，我有许多javascript文件，例如：<script src="script2.js"></script> <script src="script4.js

浏览 33提问于2021-03-06得票数 1

回答已采纳

3回答

单击按钮时运行外部.js文件中的Javascript代码

javascript、jquery、html

这是我想要做的。通常我们可以在不同的事件上调用javascript函数，在页面内点击按钮，前提是脚本已经在页面中(可能在head部分)，或者它已经在加载时从外部js文件加载到head部分。是否可以不在页面加载时加载外部js文件，而是在稍后单击按钮时加载。我知道这在JQuer

浏览 0提问于2011-06-08得票数 1

回答已采纳

1回答

AngularJS模板内部JS未执行

javascript、angularjs、requirejs

我有许多模板html页面，其中包括js代码。当我的RouteProvider加载此模板之一时，JS不会执行。我不想用。我可以在外部.js文件中编写代码并使用requireJS，但我不知道如何用requireJS禁用“未使用”的js文件。您能告诉我如何在加载的模板页面<

浏览 1提问于2013-02-03得票数 4

5回答

加载内容和JavaScript的HTML顺序

javascript、jquery、html

我有一个注册页面，一些JS只用于这个页面，另一个JS用于3个不同的页面。因此，这个页面的JS只有我编写了内部标记，第二个内部和外部文件包含在body标记中HTML<s

浏览 0提问于2012-08-15得票数 0

回答已采纳

3回答

在路由到Angular应用程序中的另一个组件后，外部脚本不会加载

javascript、jquery、angular、angular-ui-router

我的Angular 7应用程序上有一个导航栏。我还有一个自定义的javascript文件，它会在应用程序初始加载时加载。在我的应用程序中单击链接以路由到另一个组件后，外部javascript文件停止工作/不加载。当我单击链接以路由到不同的组件时，如何才能加载或保持加载此javascript文件？我已经正确地将javas

浏览 31提问于2019-05-31得票数 2

1回答

如何在页面上的所有其他脚本之前加载外部/内部javascript

javascript

我有一个XHTML页面，其中包含了几个内联脚本标记。我还包括了外部第三方js文件到页面中。我想要一个特定的外部/内部脚本加载之前，所有其他脚本包括在页面上。我一直在寻找答案，但我得到的只是如何在页面加载后加载外部javascript。然而，我的意图是在页面<

浏览 4提问于2014-03-18得票数 0

2回答

如何在Vaadin中加载页面后加载js函数

vaadin、vaadin7

在页面在vaadin中完全加载后，我正在尝试加载我的脚本标记或一些jquery函数。我正在使用javascript注解来加载我的外部js。像这样的@JavaScript("vaadin://themes/custom/resources/js/custom.js</em

浏览 0提问于2015-10-15得票数 2

3回答

如何自定义Laravel5.1登录和注册查看页？

laravel、gulp

我使用Laravel5.1和构建web应用程序，我只是购买了HTML主题，并直接复制所有的css和Js文件到公共/资产(不使用任何任务运行，如吞咽或咕噜)。我尝试自定义登录和注册视图页面，如果我使用默认路由，它无法加载js和CSS (只是加载普通HTML )，但是如果我直接指向它 Route::get('login','AuthController@getLo

浏览 4提问于2015-08-16得票数 0

2回答

Pjax和在特定页面上重新加载JavaScript

javascript、ruby-on-rails、pjax

我想在我的Rails应用程序中实现Pjax和Google，我在重新加载我的JavaScript代码时遇到了问题。" %> </body><div i

浏览 9提问于2016-03-22得票数 2

回答已采纳

5回答

向脚本中添加动态javascript变量

php、javascript、jquery、validation

背景：I有一个jQuery验证脚本，它几乎在我的所有网页上都使用，允许客户端验证(我也做服务器端验证)。除了每个表单的特定“规则”之外，我所有页面的javascript都是相同的。在呈现HTML页面之前，每个页面的规则都被插入到我的控制器的php变量$jquery_validation中。这意味着我可以使用适当的客户端验证规则动态生成每个html页面和表单。下面是

浏览 2提问于2012-04-17得票数 1

回答已采纳

1回答

附加了外部页面的jQuery ajax加载页面

javascript、jquery

我有一个jQuery函数，它在单击某个元素时将页面加载到div中。JS代码，这些代码位于另一个名为advOptions.js的外部文件中。我已经尝试在原始页面中加载外部js页面，但jQuery调用将不起作用。所以我把它添加到了advOptions_lv.cfm页面。当我这样做时，每次单击viewID元素

浏览 3提问于2012-03-20得票数 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在页面加载后加载外部js文件并使用同一js中的函数

相关·内容

如何在页面加载后加载外部js文件并使用同一js中的函数

如何在页面加载后加载外部js文件并使用其中的函数

从PHP调用JavaScript函数的问题

如何判断哪些javascript可以放在底部，哪些必须放在<head>中？

外部文件中的Javascript

HTML中指向js文件的链接需要调用函数

如何在HtmlUnit中包含外部.js文件来分页？

从javascript文件调用view javascript函数

在用户交互中加载第三方js

在页面完全加载后执行不重要的Javascript文件

单击按钮时运行外部.js文件中的Javascript代码

AngularJS模板内部JS未执行

加载内容和JavaScript的HTML顺序

在路由到Angular应用程序中的另一个组件后，外部脚本不会加载

如何在页面上的所有其他脚本之前加载外部/内部javascript

如何在Vaadin中加载页面后加载js函数

如何自定义Laravel5.1登录和注册查看页？

Pjax和在特定页面上重新加载JavaScript

向脚本中添加动态javascript变量

附加了外部页面的jQuery ajax加载页面

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐