一 . 一个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