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


当前回答

只要两者都被网页引用,是的。

你只需调用这些函数,就好像它们在同一个JS文件中一样。

其他回答

只要两者都被网页引用,是的。

你只需调用这些函数,就好像它们在同一个JS文件中一样。

您可以从正在工作的文件中调用在另一个js文件中创建的函数。因此,首先你需要将外部js文件作为-添加到html文档中

<html>
<head>
    <script type="text/javascript" src='path/to/external/js'></script>
</head>
<body>
........

在外部javascript文件中定义的函数

$.fn.yourFunctionName = function(){
    alert('function called succesfully for - ' + $(this).html() );
}

要在当前文件中调用此函数,只需将该函数称为-

......
<script type="text/javascript">
    $(function(){
        $('#element').yourFunctionName();
    });
</script>

如果要将参数传递给函数,则将函数定义为-

$.fn.functionWithParameters = function(parameter1, parameter2){
        alert('Parameters passed are - ' + parameter1 + ' , ' + parameter2);
}

并在当前文件中调用此函数为-

$('#element').functionWithParameters('some parameter', 'another parameter');

是的,你可以。你需要将这两个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");
}

只要在第一次使用函数之前加载了包含函数定义的文件,函数就可以像在同一个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)。

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