Как вставить в div код с другого файла HTML?

function windowInfo(file){
    var blockInfo = document.getElementById("blockInfo");
    var windowInfo = document.getElementById("windowInfo");
    windowInfo.innerHTML = "<link href='404.html'>"; // <<<========== Вот так пытался.
    blockInfo.style.display = "block";
    windowInfo.onmousemove = hide();
    function hide(){
        blockInfo.onclick = function(){
            blockInfo.style.display = "none";
        };
    };
}

windowInfo.onmousemove = hide;

function windowInfo(file){
    var blockInfo = document.getElementById("blockInfo");
    var windowInfo = document.getElementById("windowInfo");
    windowInfo.innerHTML = "<iframe src='"+ file +"' style='border: none; width: 100%; height: 100%;'></frame>";
    blockInfo.style.display = "block";
    windowInfo.onmousemove = function(){blockInfo.onclick = function(){blockInfo.style.display = "none";};};
}

function mainMenuInfo(){
    var mainMenu = document.getElementById("main_menu");
    var menuLink = mainMenu.getElementsByTagName("img");
    for(i = 0; i < menuLink.length; i++){
        menuLink.item(i).onmousemove = function(){
            alert(menuLink.item(element).getAttribute("alt")); // Переменная element должна быть равна переменной i которая используется тут menuLink.item(i).
            for(i = 0, newWidth = 64; i < menuLink.length; i++, newWidth -= 8){
                
            }
        };
    }
}

function mainMenuInfo(){
    var mainMenu = document.getElementById("main_menu");
    var menuLink = mainMenu.getElementsByTagName("img");
    for(i = 0, element = 0; i < menuLink.length; i++, element++){
        menuLink.item(i).onmousemove = function(element){
            alert(menuLink.item(element).getAttribute("alt"));
            for(i = 0, newWidth = 64; i < menuLink.length; i++, newWidth -= 8){
                
            }
        };
    }
}