代码在ie9中不能正确执行

<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>javascript</title>
</head>
<body>
<div id="fade" style="width: 500px; height: 300px; background: #0000FF; opacity:0.5;"></div>
<script>
    var aQuery = function(selector, context) {
        return  new aQuery.prototype.init();
    };
    aQuery.prototype = {
        init: function() {
            this.age = 18
            return this;
        },
        name: function() {
            this.name = "ww";
            return this
        },
        age: 20
    };

console.log(aQuery.prototype.name())


function fadeIn(ele, duration, callback){
var setIn = setInterval(function(){
if(ele.style.opacity<1){
ele.style.opacity =parseFloat(ele.style.opacity) + 0.01;
}else{
clearInterval(setIn);
if(typeof callback !=="undefined"){
callback.call()
}
}
},duration/100);
}
window.onload = function () {
var button = document.getElementById("button");
var fadeDiv = document.getElementById("fade");
button.onclick = function () {
fadeIn(fadeDiv,100,function(){
console.log("sdgasg")
})
}
}
</script>
<div id="button">button</div>
</body>
</html>

  很多次写东西都遇上代码开着调试的时候一点问题也没有。但是在关闭了调试之后才发现ie9中是不能执行的,今天很幸运找到原因ie9虽然支持console但是在刚开始打开的时候是不能加入console所以就结束了程序执行

posted @ 2014-11-11 16:35  星宿老仙  阅读(414)  评论(0编辑  收藏  举报