我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗?

我们可以在另一个JS文件中调用写在一个JS文件中的函数吗?有人能帮助我如何从另一个JS文件调用函数吗?

当前回答

对于那些想在Node.js(在服务器端运行脚本)中执行此操作的人来说，另一种选择是使用require和module.exports。下面是一个关于如何创建一个模块并将其导出以供在其他地方使用的简短示例:

file1.js

const print = (string) => {
    console.log(string);
};

exports.print = print;

file2.js

const file1 = require('./file1');

function printOne() {
    file1.print("one");
};

2020-05-26 18:08:18

其他回答

只要在第一次使用函数之前加载了包含函数定义的文件，函数就可以像在同一个JS文件中一样被调用。

I.e.

File1.js

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

File2.js

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

HTML

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

另一种方法行不通。正如Stuart Wakefield所正确指出的。另一种方法也可以。

HTML

<head>
....
    <script src="File2.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="File2.js" type="text/javascript"></script> 
    <script type="text/javascript">
       alertOne();
    </script>
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
</body>

尽管在调用alertOne时定义了它，但在内部它使用一个仍然没有定义的函数(alertNumber)。

2010-09-28 05:22:38

如果包含所有文件，你可以从一个文件调用属性到另一个文件(如函数、变量、对象等)。

在一个.js文件中编写的js函数和变量- a.js将对其他js文件可用——b.js为只要a.js和b.js都包含在文件中使用以下包含机制(如果b.js中的函数调用a.js中的函数，则顺序相同)。

<script language="javascript" src="a.js"> and 
<script language="javascript" src="b.js">

2010-09-28 05:24:21

我想到了另一个好办法。窗口(“functioName”)(params);

2020-04-21 13:16:57

是的，你可以。你需要将这两个JS文件引用到.aspx页面

<script language="javascript" type="text/javascript" src="JScript1.js">
 </script>

    <script language="javascript" type="text/javascript" src="JScript2.js">
    </script>

JScript1.js

function ani1() {
    alert("1");
    ani2();
}

JScript2.js

function ani2() {
    alert("2");
}

2010-09-28 05:19:59

下面是一个更具描述性的例子，附带一个CodePen代码片段:

1.js

function fn1() {
  document.getElementById("result").innerHTML += "fn1 gets called";
}

2.js

function clickedTheButton() {
  fn1();
}

index . html

<html>
  <head>
  </head>
  <body>
    <button onclick="clickedTheButton()">Click me</button>
    <script type="text/javascript" src="1.js"></script>
    <script type="text/javascript" src="2.js"></script>
  </body>
 </html>

输出

试试这个CodePen代码片段:link。

2018-09-17 15:12:15

我们可以在另一个JS文件中调用用一个JavaScript编写的函数吗?

推荐文章

最新文章

标签