在html中script块变量中的作用域,js中，访问变量的作用域范围。

一  . 一个js对象如果被挂载到了window 上，那么只要这个页面未关闭，在定义了这个对象往下的任何地方都可以读取到。例如：我在一个script 标签中定义了一个变量，然后在这个script标签的下面又定义了一个script标签并且访问上一个script标签中定义的变量，是可以访问到的。

代码实例：

function AA() {

alert(1);

}

AA(); //这里可以访问到AA这个函数，因为在上面已经定义了window全局变量AA

结果:  浏览器窗口弹出数字  1。

解释：

上面代码实例中，第二个script标签可以访问到AA这个函数，是因为在第一个script标签中用fucntion 去定义，相当于将AA定义成了一个变量，并且这个变量属于window，因此在当前window下的任何一个地方，都可以访问到AA这个函数。

二 . 在定义了一个构造器后，可以通过创建对象的实例进行对构造器中的变量的访问。

代码实例：

function construct() {

this.varA = 123;

}

construct.prototype.init = function () {

}

var cons  = new construct();   //创建一个实例后，可以随意访问这个对象里面的函数和变量

alert(cons.varA)                     //访问这个实例中的变量

结果：浏览器弹出数字 123。

解释：

这里的varA可以通过对象的实例访问到，但是不能直接进行访问，因为varA通过this被定义在construct这个构造器的作用域下,因此可以通过创建这个构造器的实例，然后在适当的时候进行对变量的访问。

三 . 通过Ajax的请求访问一个html结构的页面时，当返回来的是整个html结构页面，html()到当前页面后 ，如果这个被html()的这个页面有js片段， 那么这个js 片段是可以访问当前页面已经被定义的js变量的。

如图：

代码实例：

A页面js部分：

var AA = 1234;

$.post('./2.html',{},function (data) {

$('#box').html(data)

})

2.     A页面html结构：

3.     B页面js部分：

alert(AA)

解释：

A和B已经合成A页面了。

当访问A页面时，A页面通过ajax请求B页面，将B页面的内容添加到A页面当中，当加入到A页面后, 发现B页面有js代码片段，于是开始执行B页面的js(B页面已经成为了A页面的一部分)。

四 . iframe的情况，利用iframe引入的页面，那么这个iframe页面中的js仅仅可以访问到iframe当中的变量。

解释：

由于一个iframe 属于一个window，一个window属于一个域，等价于: iframe = window = 域。

iframe中的js仅仅只能访问iframe当中定义的变量，如果要想访问iframe的上一层的js变量，就属于跨域访问。在访问时包含iframe的页面的变量时，就会报错。

iframe当中如果访问iframe上一层定义的js变量。

利用window.parent就可以访问到上一层的window.

代码实例：

1 .A页面js部分：

var AA = 1234;

2 . A页面html结构

3 . B页面 js 部分：

alert(AA);                         //错误：AA is undefined ，因为不在同一个window中.

alert(window.parent.AA);   //正确，访问到了父级window的AA变量

alert(location.href)    //B.html ,而非A.html