day15
1-列举几个常见的浏览器兼容问题
1、不同浏览器的默认margin和padding不一致
2、图片的默认间距不一致
3、获取视口的宽高window.innerheight/width
4、CSS3的动画，过渡，渐变，flex也有
5、IE9以下不能的opacity，使用filter: alpha(opacity = 50);
6、event.offsetX/Y
7、绑定事件IE9才支持
2-js 中给元素注册事件的方法有哪些？
<body>
<div id="good" style="height:100px; width:100px;background:#323923"></div>
<script>
document.getElementById("good").attachEvent("onclick", function() {alert("haha");});
</script>
</body>
3-js 中给元素的移除事件的方法
<script>
var div = document.getElementsByTagName("div")[0]
function test(){
console.log(1)
}
// 兼容性很好
div.onclick = test // 绑定事件
div.onclick = ''"; // 移除事件
// IE9以下不兼容
div.addEventListener('click',test,false)// 绑定事件
div.removeEventListener('click',test,false)// 移除事件
// IE独有
div.attachEvent('onclick',test) // 绑定事件
div.detachEvent('onclick', test)// 移除事件
</script>
4-阻止冒泡的方法
event.stopPropagation( )
event.target
事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。
5-阻止默认行为的方法
1.a标签链接跳转
<a href="https://www.baidu.com/" target="_blank" id="skip">百度</a>
2.form表单提交
浙公网安备 33010602011771号