先是这样的,为了DOM设置属性的方便,我自己写了个方法,省得每次都setAttribute:
- Net = {};
- Net.Dom = {};
- Net.Dom.setProperties = function(obj)
- {
- for(var i=1; i<arguments.length; i++)
- {
- if(typeof arguments[i]=="object")
- {
- for(name in arguments[i])
- obj[name] = arguments[i][name];
- }
- }
- }
- //这样原来:
- div.setAttribute("width", "100px");
- div.setAttribute("height", "100%");
- ......
- //就可以写成:
- Net.Dom.setProperties(div, {width:"100px", height: "100%"});
上面的setProperties代码里面有个错误,会导致改变window的name属性。因为window是可以省略的(直接打document其实是window.document),而“for(name in arguments[i])”的表示方法浏览器会解析成“for(window.name in arguments[i])”。也就是框架的name变了,这样左边设的target自然就失效了,导致链接都以新窗口打开。改成“for(var name in arguments[i])”就好了。
因为JavaScript相对比较自由,写变量一定要注意,而且这种错误比较隐蔽,难以发现。局部变量一定要以var申明,否则是全局变量;要用全局变量时候也要注意一下命名方法,以”g_”开头或者全大写都是可行的办法。
最后我们一起复习一下JavaScript的局部变量和全局变量:
变量范围
JScript 有两种变量范围:全局和局部。如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;且它不能被该函数外的任何事物访问。像 C++ 这样的语言也有“块范围”。在这里,任何一对“{}”都定义新的范围。JScript 不支持块范围。
一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量。因此,更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内,只有该局部变量有意义。
- var aCentaur = "a horse with rider,"; // aCentaur 的全局定义。
- // JScript 代码,为简洁起见有省略。
- function antiquities() // 在这个函数中声明了一个局部 aCentaur 变量。
- {
- // JScript 代码,为简洁起见有省略。
- var aCentaur = "A centaur is probably a mounted Scythian warrior";
- // JScript 代码,为简洁起见有省略。
- aCentaur += ", misreported; that is, "; // 添加到局部变量。
- // JScript 代码,为简洁起见有省略。
- } // 函数结束。
- var nothinginparticular = antiquities();
- aCentaur += " as seen from a distance by a naive innocent.";
- /*
- 在函数内,该变量的值为 "A centaur is probably a mounted Scythian warrior,
- misreported; that is, ";在函数外,该变量的值为这句话的其余部分:
- "a horse with rider, as seen from a distance by a naive innocent."
- */
很重要的一点是注意变量是否是在其所属范围的开始处声明的。有时这会导致意想不到的情况。
- tweak();
- var aNumber = 100;
- function tweak() {
- var newThing = 0; // 显式声明 newThing 变量。
- // 本语句将未定义的变量赋给 newThing,因为已有名为 aNumber 的局部变量。
- newThing = aNumber;
- //下一条语句将值 42 赋给局部的 aNumber。aNumber = 42;
- if (false) {
- var aNumber; // 该语句永远不会执行。
- aNumber = 123; // 该语句永远不会执行。
- } // 条件语句结束。
- } // 该函数定义结束。
当 JScript 运行函数时,首先查找所有的变量声明,var someVariable;
并以未定义的初始值创建变量。如果变量被声明时有值,var someVariable = “something”;
那么该变量仍以未定义的值初始化,并且只有在运行了声明行时才被声明值取代,假如曾经被声明过。JScript 在运行代码前处理变量声明,所以声明是位于一个条件块中还是其他某些结构中无关紧要。JScript 找到所有的变量后立即运行函数中的代码。如果变量是在函数中显式声明的 — 也就是说,如果它出现于赋值表达式的左边但没有用 var 声明 — 那么将把它创建为全局变量。