两个html文件互相访问变量,在同一个页面中的多个js文件之间的变量是如何相互调用的...

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

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

示例：

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

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

var a=1;

b1.js的内容为：

alert(a);

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

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

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

代码如下：

其中a2文件的代码为：

function xhdy(){

alert('aaa');

}

b2文件中的内容则是：

xhdy();

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

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

代码如下：

其中a3内容为：

var a;

function hhh(){

a="new";

}

hhh();

b3的内容为：

alert(a);

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