javaScript的学习笔记....浏览器兼容性汇总

事件响应函数，中的event对象

视频链接：https://b23.tv/BV1YW411T7GX/p112
event.clientX和event.client

解决事件兼容；
event = event ｜｜ window.event；

————————————-
视频：https://b23.tv/BV1YW411T7GX/p116
大部分浏览器的兼容addEventListener与只有IE8以下支持的attachEvent的使用；

———————————-
事件的捕获与冒泡；

IE8及以下浏览器没有捕获阶段；

——————————————

拖拽

视频：https://b23.tv/BV1YW411T7GX/p118；
当鼠标进行拖拽的时候，浏览器也有默认的拖拽功能，解决方案：

针对IE8；
视频：https://b23.tv/BV1YW411T7GX/p120

但鼠标松开的时候，取消对事件的捕获；
box1.releaseCapture()；

setCapture只有IE支持；
—————————————-
取消浏览器的默认行为；
event.preventDefault();

———————

navigator

视频来源：https://b23.tv/BV1YW411T7GX/p124
判断浏览器

关于IE11

如果通过UserAgent不能判断，还可以通过一些浏览器中特有的对象，来判断浏览器的信息；比如：ActiveXObject

IE11:上面的方法不能识别IE11，因为window.ActiveXObject结果也为false；
解决方案：
alert(“AciveXObject” in window)；
结果：IE浏览器都显示为true，其他浏览器显示为false；

综合上面的写法：

———————————

json

json转为js对象：JSON.parse();
js对象转为JSON：JSON.stringify();

浏览器兼容性问题：
JSON这个对象在IE7及以下的版本，不支持；
解决方案：
eval();
这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回；

具有安全隐患

最总使用的是如下：

引入的文件为自建创建的JSON对象；

———————————

childNodes属性；

childNodes属性会获取包括文本节点在的所有节点；
根据DOM标签间的空白也会变为文本节点；
注意：在IE8:及以下的浏览器中，不会讲空白节点当成子节点；

children属性获取子元素，所有浏览器都兼容；

—————————

getElementsByClassName()；

根据元素的class属性查询一组元素节点对象；但是IE8及以下浏览器不支持；
虽然IE8中没有getElementsByClassName，但是可以使用，
document.querySelector();
可以根据一个CSS选择器来查询一个元素节点对象；元素有多个的时候只会返回第一个；
**doucment.querySelectAll();**同上，不同的是返回数组；

——————————

Js修改样式，

语法：元素.style.样式名 = 样式值；
backgroud-color需要修改为backgroudColor；
js修改的为内联样式；

获取样式
语法：元素.style.样式名
该方法只能获取内联样式；即嵌套在标签元素的样式；例

获取当前显示的样式；
语法：元素.currentStyle.样式名；
只有IE浏览器支持！！！！

在其他浏览器中可以用；
var box = document.getElementById(‘id’);
var obj = getComputedStyle（box,null）；
获取宽度；
console.log(obj.width);
需要两个参数，第一个，要获取样式的元素，第二个，可以传递一个伪元素，一般都传null；该方法会返回一个对象，对象中封装了一个当前元素的对应的样式；例如：obj.width

上面不支持IE8以下!!!

通过currentStyle和getComputedStyle方法读取到的样式都是只读的，不能修改，修改只能用style属性；

兼容所有浏览器的方法！！

————————————————

try，catch语句

如果提供 finally 子句，则 catch 子句就成了可选的（catch 或 finally 有一个即可）。IE7及 更早版本中有一个 bug：除非有 catch 子句，否则 finally 中的代码永远不会执行。如果你仍然要考 虑 IE的早期版本，那就只好提供一个 catch 子句，哪怕里面什么都不写。IE8修复了这个 bug；

---