jquey和js分别实现在图片不知道大小的情况下始终居中在屏幕的中央

直接上代码
js代码

 var img=document.getElementById('img');
        console.log(img);
        var W=img.offsetWidth;//获取图片的宽度
        console.log(W);
        var H=img.offsetHeight;//获取图片的高度
        console.log(H);
        img.style.marginTop=-H/2+'px';
        img.style.marginLeft=-W/2+'px'；

jquery 代码

  $(function(){
            var h=$("img").height();//获取图片的宽高
            var w=$('img').width();
            var img=$('img');
            var val1=-h/2+'px';
            var val2=-w/2+'px';
            console.log(val1);
            img.css({'margin-top':val1})
            img.css({'margin-left':val2})
        })