Javascript 在addeventlistener函数上调整图像大小

我正在尝试使用addEventListener调整图像大小。我搜索了这个问题，发现了类似的问题，但我无法使函数正常工作

下面的代码演示了一个调整图像大小的工作函数

    header.onload=function(){
        var fullHeaderWidth=this.width
        if(fullHeaderWidth>window.innerWidth)
            header.width=window.innerWidth;

        setInterval(function(){
            if(fullHeaderWidth>window.innerWidth)
                header.width=window.innerWidth;
            else
                header.width=fullHeaderWidth;   
        },50)
    };

但是当我尝试使用这个函数时

    var header=new Image();
    header=document.getElementById('header');
    header.onload=function(){
        var fullHeaderWidth=this.width
        if(fullHeaderWidth>window.innerWidth)
            header.width=window.innerWidth; 
    };
    header.src='file:///C|/Users/Dillon/Development/Jesses Works/header.gif'

    window.addEventListener('resize',function(){
        if(fullHeaderWidth>window.innerWidth)
            header.width=window.innerWidth;
        else
            header.width=fullHeaderWidth;   
    },false)

---

事件触发（我知道这一点，因为我在函数中使用了alert），但图像不会调整大小。有什么想法吗？

你有点困惑了，我想你是在尝试这样做：

window.addEventListener('load', function () {
    setInterval(function () {
        var fullHeaderWidth = this.width;
        if (fullHeaderWidth > window.innerWidth) {
            header.width = window.innerWidth;
        } else {
            header.width = fullHeaderWidth;
        }
    }, 50);
});

---

fullHeaderWidth

未定义

addEventListener

在哪里？很抱歉，我错误地引用了完整脚本：

var header=new Image（）；header=document.getElementById（'header'）；header.onload=function（）{var fullHeaderWidth=this.width if（fullHeaderWidth>window.innerWidth）header.width=window.innerWidth；}，50）}；header.src=file:///C|/Users/Dillon/Development/Jesses Works/header.gif'window.addEventListener（'resize'，function（）{if（fullHeaderWidth>window.innerWidth）header.width=window.innerWidth；else header.width=fullHeaderWidth；}，false）

我的上一条评论中有一个额外的括号，但问题中的代码被编辑了。