搜 索

在同一个页面中的多个js文件之间的变量是如何相互调用的

编辑:QTOOL.NET日期:2020-04-18535

在制作页面时,有时候会在一个页面中引入调用多个js文件,那么怎样实现多个js文件之间的变量相互调用使用呢?

我们可以定义一个全局变量

示例:

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

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

如一个页面中存在a1.js与b1.js两个js文件的调用

其中a1.js的代码内容如下:

var a=1;

b1.js的内容为:

alert(a);

在a1.js文件中定义一个全局变量a,值为数字1,然后在b1.js文件中输出全局变量a,那么执行后就会在页面中显示数字1.

这样就可以实现多个js之间相互调用使用变量了.

同理那一个页面中的多个js文件中的函数也可以这样使用.

代码如下:

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

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

其中a2文件的代码为:

function xhdy(){

    alert('aaa');

}

b2文件中的内容则是:

xhdy();

这样就可以简单实现js文件之间的函数调用了。

那么如果遇到需要在上一个文件中调用函数内的变量该怎样办呢?

代码如下:

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

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

其中a3内容为:

var a;

function hhh(){

a="new";

}

hhh();

b3的内容为:

alert(a);

只需要将hhh函数中的a变量定义为全局变量即可。

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签