Как открыть новое окно с CSS и JavaScript уже есть?

Question

По существу, я пытаюсь открыть новое окно на основе выбранных изображений с исходной страницы.

Здесь есть fiddle, в котором содержится то, что у меня есть до сих пор, но я хотел бы иметь возможность открывать новое окно с помощью другого файла CSS и JavaScript.

Текущий JavaScript:

var tickBoxHTML = "<div class='tickBox unselected'></div>"; $("img").after(tickBoxHTML); 

$(".tickBox").click(function() { 
    $(this).toggleClass("tickBox selected", "tickBox unselected"); }); 

$("#compare").click(function() { 

    var compareText = "<p>Selected images for comparison:</p>"; 

    $(".selected").each(function() { 
     var thisSrc = $(this).prev("img").attr("src"); 
     var thisAlt = $(this).prev("img").attr("alt"); 
     compareText += "<div><img src='" + thisSrc + "' alt='" + thisAlt + "' /></div>"; 
    }); 

    compareText += "<br><button onClick='window.close()'>Close Window</button>" 

    var compareWindow = window.open(); 
    compareWindow.document.body.insertAdjacentHTML("beforeend", compareText); 

}); 

Answer 1

Просто используйте метод window.open() со значениями

window.open(URL, "_blank", strWindowFeatures); 

strWindowFeatures для веса или высоты для нового window.for например

window.open(URL, "_blank",height=570,width=520); 

Answer 2

Вы можете загрузить страницу, содержащую JS и CSS, и все элементы, используемые на обычной веб-странице, из sa me domain, а затем подождите onload только что созданного окна, и после этого добавьте контент. Что-то вроде этого:

$('#compare').click(function() { 
    var win = $(window.open('URL_here', 'win')); 
    win.on('load', function() { 
     $(this.document.body).append(compareText); 
    }); 
});