Script标签与访问HTML页面详解

前端技术 2023/09/03 JavaScript
复制代码 代码如下:

<img src=\"1_ender1000.jpg\" id=\"img2\" alt=\"\" onclick=\"alert(\'onclick\');\" onmouseover=\"this.src=\'1_yylklshmyt20090217.jpg\'\" title=\"反转图片\" />
    <script type=\"text/javascript\">
    var img2=document.getElementById(\"img2\");
    alert(img2.onmouseover);
    //输出以下图片
    </script>

IE输出:

Firefox:

复制代码 代码如下:

    <img src=\"1_ender1000.jpg\" id=\"img1\" alt=\"\" title=\"反转图片\" />
     <script type=\"text/javascript\">
     var img1=document.getElementById(\"img1\");
     img1.onmouseover=rotate;
     function rotate(){
        this.src=\'1_yylklshmyt20090217.jpg\';
     }

      var img1=document.getElementById(\"img1\");
     img1.onmouseover=onmouseover;
     function onmouseover(event){
        this.src=\'1_yylklshmyt20090217.jpg\';
     }

       //实际上document.getElementById(\"img1\");得到的就是一个对象相当于下面:
       /* var img1={src:\"1_ender1000.jpg\",
            id:\"img1\",
            alt:\"\",
            title:\"反转图片\"
        }*/
    </script>

本文地址：https://www.stayed.cn/item/7656

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案