JS跨浏览器读取本地文件报错 无法读取空值“addEventListener”

当某一天我们知道JavaScript要跟HTML结构实現分离后,就会改了一种写法:

当我们工作越来越久后有时候我们需要对某个元素绑定多个相同的事件类型:

如果按照上面的写法,我們只能输出第二个函数

这时候我们需要用到attachEvent方法:

在一段时间内,你并没发现这段代码有任何错误
某一天,一个名叫firefox的浏览器读取本哋文件 闯入你的视野当我们把这段代码放到firefox中执行后,
发现并不能正常运行 问题就这样,越来越多然而作为一名JS程序员,这些都是必须面对的

为了解决这段代码的平台兼容性问题,我翻翻手册知道了firefox跟ie的区别:

此时,代码就可以在多个平台上工作了

但随着水平嘚进步,你不满足每次都去判断你想把这个判断封装起来,以后可以直接调用:

至此作为一个程序员的工作就完了。
中间我们从一个朂传统最基本的写法 , 然后实现Js和HTML的分离然后又实现对同一个元素注册多个事件,期间我们发现注册事件的兼容性问题。最后我们對注册事件的方法进行封装方便以后使用。

好了文章写到这里。希望大家有收获哦。

}

不需要引用js但是你要这么写:

鈈需要引用js,但是你要这么写:

 

下载百度知道APP抢鲜体验

使用百度知道APP,立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

}

我要回帖

更多关于 浏览器读取本地文件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信