new image的使用

前端开发 作者: 2024-08-25 20:50:02
在看别人的程序,用到了new image()这种方法,然而怎么看也不是很明白; 于是就上网搜,然而却没有一个人能够解开我心中的疑惑,因为没有一个人的程序是完整的, 即使我知道怎么用,但是我看不到效果就

图像对象:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    </head>
<body>
    <div id="one"></div>
    <div></div>
    <script>
        var img=new Image();
    img.src="http://1.huanssky.applinzi.com/ablum/img/17.png";//如果不能用的话,改成自己的位置
    img.onload=function(){alert("img is loaded")};
    img.onerror=function(){alert("error!")};
    img.border="3px solid #ccc";
    function show(){alert("body is loaded");console.log(img.width+" "+img.height)};
    window.onload=show;
    document.getElementById("one").appendChild(img);
    </script>
</body>

</html>
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68593.html
new image的使用