¿Podemos llamar a la función escrita en un archivo JS en otro archivo JS? ¿Alguien puede ayudarme a llamar a la función desde otro archivo JS?¿Podemos llamar a la función escrita en un JavaScript en otro archivo JS?
La función podría ser llamada como si fuera en el mismo JS File siempre que el archivo que contiene la definición de la función se haya cargado antes del primer uso de la función.
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>
La otra manera no funcionará. Como señaló correctamente el Stuart Wakefield. La otra forma también funcionará.
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>
Lo que no va a funcionar sería:
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>
Como aunque alertOne se define cuando se llama a que, a nivel interno que utiliza una función que todavía no está definido (alertNumber).
Siempre y cuando ambos estén referenciados por la página web, sí.
Simplemente llama a las funciones como si estuvieran en el mismo archivo JS.
sí se puede. necesita hacer referencia tanto a la página JS file.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");
}
Si se incluyen todos los archivos, puede llamar inmuebles de un archivo a otro (como función, variable, objeto, etc.)
Las funciones js y variables que se escriben en un archivo .js - dicen a.js estarán disponibles para otros archivos js - decir b.js como siempre y cuando ambas a.js y b.js se incluyen en el archivo utilizando el siguiente mecanismo incluyen (y en el mismo ordenar si la función en b.js llama a la de a.js).
<script language="javascript" src="a.js"> and
<script language="javascript" src="b.js">
La respuesta anterior tiene una suposición incorrecta de que importa el orden de inclusión de los archivos. Como la función alertNumber no se llama hasta que se llama a la función alertOne. Mientras tanto archivos se incluyen por alertOne tiempo que se llama el orden de los archivos no importa:
[HTML]
<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript">
alertOne();
</script>
[JS]
// File1.js
function alertNumber(n) {
alert(n);
};
// File2.js
function alertOne() {
alertNumber("one");
};
// Inline
alertOne(); // No errors
O se puede pedir como la siguiente:
[HTML]
<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript">
alertOne();
</script>
[JS]
// File2.js
function alertOne() {
alertNumber("one");
};
// File1.js
function alertNumber(n) {
alert(n);
};
// Inline
alertOne(); // No errors
Pero si tuviera que hacer esto:
[HTML]
<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript">
alertOne();
</script>
<script type="text/javascript" src="file1.js"></script>
[JS]
// File2.js
function alertOne() {
alertNumber("one");
};
// Inline
alertOne(); // Error: alertNumber is not defined
// File1.js
function alertNumber(n) {
alert(n);
};
sólo importa acerca de las variables y funciones disponibles en el momento de la ejecución. Cuando se define una función, no ejecuta ni resuelve ninguna de las variables declaradas dentro hasta que posteriormente se llama a esa función.
La inclusión de diferentes archivos de comandos no es diferente de la secuencia de comandos estar en ese orden dentro del mismo archivo, con la excepción de las secuencias de comandos diferidos:
<script type="text/javascript" src="myscript.js" defer="defer"></script>
entonces tienes que tener cuidado.
puede llamar a la función creada en otro archivo js del archivo que se está trabajando. Así que para este primer lugar, es necesario agregar el archivo js externos en el documento html como-
<html>
<head>
<script type="text/javascript" src='path/to/external/js'></script>
</head>
<body>
........
La función definida en el archivo JavaScript externo -
$.fn.yourFunctionName = function(){
alert('function called succesfully for - ' + $(this).html());
}
llamar a esta función en el archivo actual, simplemente llame a la función como -
......
<script type="text/javascript">
$(function(){
$('#element').yourFunctionName();
});
</script>
Si desea pasar los parámetros a la función, a continuación, definir la función AS-
$.fn.functionWithParameters = function(parameter1, parameter2){
alert('Parameters passed are - ' + parameter1 + ' , ' + parameter2);
}
Y llamar a esta función en el archivo actual como -
$('#element').functionWithParameters('some parameter', 'another parameter');
No asumas jQuery en todos lados. Además, envolver la asignación '$ .fn' en una cláusula de documento preparado no tiene sentido – Bergi
de acuerdo, lo tendré en cuenta la próxima vez :), pero ¿puedes explicar por qué la asignación de $ .fn no tiene sentido? – sheetal
No es la tarea, la envoltura. – Bergi
Lo mismo sucede con muy poca –
Esto puede parecer quisquilloso, pero la inclusión no es exactamente lo mismo que la concatenación de scripts. Considere script1: 'function myfunction() {' y script2: 'alert();}' No funcionará. Me preocupa porque estaba tratando de modularizar un archivo js que es demasiado largo. Ver http: // stackoverflow.com/questions/20311604/module-pattern-how-to-split-the-code-for-one-module-into-different-js-files/20311661? noredirect = 1 # 20311661 – Boyang
Esta función compartirá el contexto 'this' , si una de las funciones está en una clase? – aks