Вы можете открыть новое всплывающее окно с помощью следующего кода:
var myWindow = window.open("", "newWindow", "width=500,height=700");
//window.open('url','name','specs');
После этого вы можете добавить HTML, используя либо myWindow.document.write();, либо myWindow.document.body.innerHTML = "HTML";
.Сначала вы создаете новый HTML-файл с любым именем.В этом примере я использую
newFile.html
И обязательно добавьте все содержимое в этот файл, например, загрузочный CDN или JQuery, означает, что все ссылки и сценарии,Затем сделайте div с некоторым идентификатором или используйте ваше тело и дайте ему id.в этом примере я дал id="mainBody" моему тегу newFile.html <body>
<body id="mainBody">
Затем откройте этот файл с помощью
<script>
var myWindow = window.open("newFile.html", "newWindow", "width=500,height=700");
</script>
и добавьте все, что вы хотите добавить в свойтег тела.используя следующий код
<script>
var myWindow = window.open("newFile.html","newWindow","width=500,height=700");
myWindow.onload = function(){
let content = "<button class='btn btn-primary' onclick='window.print();'>Confirm</button>";
myWindow.document.getElementById('mainBody').innerHTML = content;
}
myWindow.window.close();
</script>
это так просто.