window对象的属性方法名造成的命名冲突
事件起因:
一次开发中需要获取一个数组的长度,写下如此代码
function func(arr){
length = arr.length;
......//相关操作
}
程序在chrome下正常运行,但到IE8下出现了问题。检查代码,发现由于粗心,在函数体内部声明变量时 掉了一个var。
但我们知道,js是一种弱类型语言,即使是直接赋值给未声明变量也是可以的,而且chrome下是可以正常运行的,说明这样写也是没错的。
拿到IE开发人员工具的console里跑一下,终于知道了一二。
在IE6,7,8下输入
length = 1;
显示:对象不支持此操作
为什么会报这样的警告呢?
我们知道直接这样声明的变量是全局变量,浏览器的全局对象是window,这里即是window.length = 1;
window.length是什么呢?
其实就是window.frames.length,即frame的数量,对它进行赋值改变,显然很容易触发一些问题。
不光是length,window对象的其他属性也不能随意赋值,例如:
frames = 1;
显示:尚未实现的警告
其他浏览器为什么可以呢?
打开chrome的console,输入
length = 3;
console.log(window.frames.length);
输出:3,IE9+也是如此。
不仅如此,在IE8下,输入
var length = 3;
console.log(window.frames.length);
也是输出3。
显然浏览器是允许开发者显示的去改变内置对象window的一些属性的
后续思考:
浏览器开发商允许开发者可以显示地改变这些属性,是否会造成一些安全性问题,身为菜鸟的我不得而知,但有时确实会造成一些不必要的麻烦,比如像愚安我这次遇到的这种小问题。
所以在此提醒一下一些像我这样的js菜鸟注意下,在使用全局变量时,尽量避开window的一些属性名称,以免出现很郁闷的问题,希望能或多或少给大家一点启发。
关于window对象有哪些属性,在此愚安我就不一一列举了,想知道童鞋们可以移步另一篇园子里的博客:js-window对象的方法和属性资料
好了,这是愚安我入驻园子的第一篇,希望大家多多指教,多多照顾。
window对象的属性方法名造成的命名冲突的更多相关文章
- JavaScript (JS)基础:BOM 浅析 (含window对象相关基本方法、属性解析)
① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对 ...
- JavaScript中的window对象的属性和方法;JavaScript中如何选取文档元素
一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...
- 全局变量都是window对象的属性
var x = "haha"; var test = function(){ alert(this.x); } 上述,则会弹出 haha的值. 因为在JavaScript的变量作 ...
- window对象的属性及事件。
不同的运行环境有不同的“顶层对象”,而在浏览器的环境中,顶层对象就是window对象.window就是指当前的浏览器窗口. 例:var a = 1: window.a; //1 1.window对象的 ...
- JavaScript DOM编程基础精华02(window对象的属性,事件中的this,动态创建DOM,innerText和innerHTML)
window对象的属性1 window.location对象: window.location.href=‘’;//重新导航到新页面,可以取值,也可以赋值. window.location.reloa ...
- js window对象属相和方法相关整理资料
window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval mov ...
- 275 原型与原型链:显式原型prototype ,隐式原型__proto__,隐式原型链,原型链_属性问题,给原型对象添加属性/方法
1.所有函数都有一个特别的属性 prototype : 显式原型属性 [普通构造函数的实例对象没有prototype 属性,构造函数有__proto__属性,原型对象有__proto__属性 ] 2. ...
- js中__proto__, property, prototype, 对象自身属性方法和原型中的属性方法的区别
__proto__: 这个属性是实例对象的属性,每个实例对象都有一个__proto__属性,这个属性指向实例化该实例的构造函数的原型对象(prototype). proterty:这个方法是对象的属性 ...
- 1.4(JavaScript学习笔记) window对象的属性及方法
一.window对象 window对象代表当前窗口,所有全局对象都是windows的属性, 例如document是window的属性,window.document.writer("&quo ...
随机推荐
- 《JavaScript高级程序设计》笔记——关于继承
继承在JavaScript中是一种“奇葩”的存在,因为其本身并没有类(class)的概念(ES5),所以只能用其他方式(原型链.构造函数.对象实例)来模拟继承的行为.既然是模拟,那就应该是想办法实现继 ...
- MVC中Jqgrid的用法
Jqgrid可以接受的数据源格式通常是local.json.string等,而我们通过MVC Controller查询数据库(Linq)通常转化为tolist(),例如: public object ...
- 百度编辑器UEditor,地址栏传值长度有限-在webConfig配置
<system.web> <httpRuntime requestValidationMode=" ></httpRuntime> <compila ...
- Ajax 传统的异步登陆
这是一个传统的异步登陆,利用Ajax实现的,主要代码如下: 客户端代码: var http; function Button1_onclick() { if (window.ActiveXObject ...
- linux中Apache更Nginx环境配置教程
想把Apache2.2换Nginx已经有些日子,今天给动手了.找了个稳定版本:1.4.1 http://nginx.org/download/nginx-1.4.1.zip 配置很简单,就是ngin ...
- Windows2003计划任务设置操作手册
任务需要重复执行,windows操作系统可以通过 任务计划的配置 达到效果:以下以windowsServer2003为例 1. Windows Server 2003 系统进入控制面板-任务计划 2. ...
- JAVA 模糊查询方法
当我们需要开发一个方法用来查询数据库的时候,往往会遇到这样一个问题:就是不知道用户到底会输入什么条件,那么怎么样处理sql语句才能让我们开发的方法不管接受到什么样的条件都可以正常工作呢?这时where ...
- js格式化日期,获取当月的第一天,与最后一天.
//格式化日期 function setDate(date){ y=date.getFullYear(); m=date.getMonth()+1; d=date.getDate(); ...
- 第六十八篇、OC_按照某一字段对数值进行排序
代码中是根据"create_time_" 进行排序 ascending:决定的是升序还是降序排序 NSSortDescriptor *sortDescriptor = [[NS ...
- seaJS常用语法
.seajs.config seajs.config({ // 设置路径,方便跨项目调用 paths: { 'path1': '....', 'path2': '....' }, // 设置别名,方便 ...