问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

javascript权威指南上这段js对于IE9以下兼容没处理好？

头像
prototype_eva
    1.1k23657

    源代码

    
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    
    <body><!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    
    <body>
    <div id="div1">
        <img src="images/icont-1.png"/>
        <img src="images/icont-2.png"/>
        <img src="images/icont-3.png"/>
        <img src="images/icont-4.png"/>
        <img src="images/icont-5.png"/>
        <img src="images/icont-6.png"/>
        <img src="images/icont-7.png"/>
        <img src="images/icont-8.png"/>
    </div>
    </body>
    <script type="text/javascript">
    window.onload=function(){
        var images=document.getElementsByTagName("img");
        for(var i=0; i<images.length; i++){
            var image=images[i];
            if(image.addEventListener){
               image.addEventListener("click",hide,false);    
            }else{
               image.attachEvent("onclick",hide);    
            }
        }
        function hide(event){
            event.target.style.visibility="hidden";
        }
    }
    </script>
    </html>
    
    </body>
    </html>

    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="div1">
    <img src="images/icont-1.png"/>
    <img src="images/icont-2.png"/>
    <img src="images/icont-3.png"/>
    <img src="images/icont-4.png"/>
    <img src="images/icont-5.png"/>
    <img src="images/icont-6.png"/>
    <img src="images/icont-7.png"/>
    <img src="images/icont-8.png"/>
</div>
</body>
<script type="text/javascript">
window.onload=function(){
    var images=document.getElementsByTagName("img");
    for(var i=0; i<images.length; i++){
        var image=images[i];
        if(image.addEventListener){
           image.addEventListener("click",hide,false);    
        }else{
          //image.attachEvent("onclick",hide);    
          image.onclick=function(evt){
              var evt = window.event;
              var src = evt.srcElement || evt.target;
              src.style.visibility="hidden";
          }
        }
    }
    function hide(event){
        event.target.style.visibility="hidden";
    }
}
</script>
</html>

</body>
</html>

    稍作修改后可以都兼容了，现在想不动else｛｝，而是去修改hide这个函数来实现兼容

    javascript
    阅读 2.8k
    1 个回答
    得票最新
    头像
    prototype_eva
      1.1k23657

      Img.prototype.hide=function(event){

      var event=event||window.event;
var src = event.target || event.srcElement;
src.style.visibility="hidden";

      }
      还有其他办法吗

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题