先上代码
<!-- var global_1 = "global_1"; global_2 = "global_2"; window.global_4 = 'global_4'; void function foo() { global_3 = 'global_3'; }(); function testForIn() { for (var i in window) { document.writeln(i, "<br>"); } document.writeln("======================================", "<br>"); document.writeln(window.global_1, "<br>"); document.writeln(window.global_2, "<br>"); document.writeln(window.global_3, "<br>"); document.writeln(window.global_4, "<br>"); } testForIn(); -->
为什么点击test For In时不能获取window.global_4?
哎。。。“可怜”下你吧~ :lol:
在你的代码中,第一次调用是在文档加载完成前,此时js的各种对象是不完整的,也是不可预料的,有些对象甚至还没有定义。第二次调用是在dom加载完成后,通过事件触发调用的,此时的js对象才符合dom的定义和规范。
一般情况下,即便是无需使用dom对象、方法的情形,建议最好也在加载完成后再进行调用、获取。这不仅是考虑代码的执行顺序问题,也是考虑各浏览器加载和解析上的差别(兼容性)。
再次建议:你的代码风格需要改进! :)
document.writeln是文档流,在这个页面加载完成后,就会自动关闭。不受你的脚本控制,要动态添加html块可以使用:
[code="html"]document.getElementById("标签ID").innerHTML("内容");[/code]
为什么问答里的很多代码都混乱不堪。。。楼上的,多注意下编码格式和质量吧。。。多使用Code标签。。。
验证了下:
用楼主的代码,是有这个问题,楼上所说的innerHTML方法也一样。
添加标头:
[code="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/code]
后,global_1到global_4都是显示undefined。由此,应该是变量的scope问题。
解决后的代码如下:
[code="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- var global_1 = "global_1"; global_2 = "global_2"; window.global_4 = 'global_4'; void function foo() { global_3 = 'global_3'; }(); function testForIn() { for (var i in window) { document.getElementById("test").innerHTML += i+"<br>"; } document.getElementById("test").innerHTML += "======================================"+ "<br>"; document.getElementById("test").innerHTML += window.global_1+ "<br>"; document.getElementById("test").innerHTML += window.global_2+ "<br>"; document.getElementById("test").innerHTML += window.global_3+ "<br>"; document.getElementById("test").innerHTML += window.global_4+ "<br>"; } //testForIn(); -->
1
[/code]
注意两次调用的时机,不解释,分太少了。。。 8)