我们能在另一个JS文件中调用在一个JS文件中编写的函数吗?谁能帮我从另一个JS文件调用这个函数吗?

推荐答案

只要包含函数定义的文件在首次使用该函数之前已加载,就可以像在同一个JS文件中一样调用该函数.

即.

File1.js

function alertNumber(number) {
    alert(number);
}

文件2.js

function alertOne() {
     alertNumber("one");
}

HTML

<head>
....
    <script src="File1.js" type="text/javascript"></script> 
    <script src="文件2.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

另一种方法行不通

HTML

<head>
....
    <script src="文件2.js" type="text/javascript"></script> 
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

不起作用的是:

HTML

<head>
....
    <script src="文件2.js" type="text/javascript"></script> 
    <script type="text/javascript">
       alertOne();
    </script>
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
</body>

尽管在调用时定义了alertOne,但在内部它使用了一个尚未定义的函数(alertNumber).

Javascript相关问答推荐

用逗号分隔的双向绑定字符串

数组更改后动态按钮类不更新

删除表行按钮删除所有后续行

以Angular 删除 beforeunload 事件

如何使用 Apps 脚本使用预设选项填充 HTML 表格列之一?

在 NextJS 中使用 useContext 和 useReducer 并将 null 作为上下文读取

NextJS 动态添加按钮 onClick

ObjectSpaceNormalMap 不适用于 MeshNormalMaterial

Spread Syntax 创建浅拷贝还是深拷贝?

TSX 文件无法呈现导入的 React 组件

JavaScript:具有多个元素的 OnClick 在此关键字下返回“窗口”

用于构建类似对象层次结构的树的递归方法无法按预期工作

nuxt 中未调用 AsyncData

React Antd:如何删除垂直分隔线与其旁边的任何内容之间的间距?

使用下拉菜单 HTML 创建粘性导航栏

Google Sheet App Script:将 1 个值从一张表匹配到另一张表,然后如果条件满足设置背景

我可以将子元素的props 接口统一成一个父接口吗?

如何添加活动类以链接到当前页面和语言环境?

.push( ) 没有更新变量

findIndex 方法在值存在时不检索索引