Ouvrir la fenêtre en JavaScript avec le code HTML inséré

Comment pourrais-je ouvrir une nouvelle fenêtre en JavaScript et insérer du code HTML de données au lieu de juste un lien vers un fichier HTML?

InformationsquelleAutor williamtroup | 2010-01-21
  1. 37

    Vous pouvez utiliser de la fenêtre.ouvert pour ouvrir une nouvelle fenêtre/onglet(selon les paramètres du navigateur) en javascript.

    En utilisant document.écrire vous pouvez écrire le contenu HTML de la fenêtre ouverte.

    InformationsquelleAutor rahul
  2. 82

    Je ne voudrais pas vous recommandons d'utiliser document.write que d'autres suggèrent, parce que si vous ouvrez la fenêtre de deux fois votre code HTML sera dupliqué 2 fois (ou plus).

    Utiliser innerHTML au lieu

    var win = window.open("", "Title", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=200,top="+(screen.height-400)+",left="+(screen.width-840));
win.document.body.innerHTML = "HTML";
    • Bonne idée d'utiliser innerHTML!
    • Sera le corps objet présent sur une nouvelle fenêtre?
    • Oui, il est toujours présent sur toutes les pages, même si vous ne le mettez pas, le navigateur va automatiquement ajouter
    InformationsquelleAutor artnikpro
  3. 19

    Lorsque vous créez une nouvelle fenêtre à l'aide open, il renvoie une référence à la nouvelle fenêtre, vous pouvez utiliser cette référence pour écrire dans la fenêtre nouvellement ouverte par l'intermédiaire de son document objet.

    Voici un exemple:

    var newWin = open('url','windowName','height=300,width=300');
newWin.document.write('html to write...');
    • C'est la meilleure réponse pour l'écriture dans la nouvelle fenêtre, comme pour l'année 2019
    InformationsquelleAutor Oded
  4. 9

    Vous pouvez ouvrir une nouvelle fenêtre pop-up par le code suivant:

    var myWindow = window.open("", "newWindow", "width=500,height=700");
//window.open('url','name','specs');

    Par la suite, vous pouvez ajouter du code HTML à l'aide de deux myWindow.document.write(); ou myWindow.document.body.innerHTML = "HTML";

    Ce que je recommande est que d'abord vous créer un nouveau fichier html avec n'importe quel nom.
    Dans cet exemple, je suis en utilisant

    newFile.html

    Et assurez-vous d'ajouter tout le contenu de ce fichier, telles que le bootstrap cdn ou jquery, signifie que tous les liens et scripts. Ensuite, faire un div avec une pièce d'identité ou d'utiliser votre corps et lui donner un id. dans cet exemple que j'ai donné id="mainBody" à mon newFile.html <body> tag

    <body id="mainBody">

    Puis ouvrez ce fichier à l'aide de 

    <script>    
var myWindow = window.open("newFile.html", "newWindow", "width=500,height=700");
</script>

    Et ajouter ce que vous voulez ajouter dans votre balise body. à l'aide de code suivant

    <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>

    c'est aussi simple que cela.

    InformationsquelleAutor Saurabh Pathak
  5. 1

    Vous pouvez également créer un "example.html" la page qui a souhaité html, et donnent à l'url de la page en paramètre à la fenêtre.ouvrir

    var url = '/example.html';
var myWindow = window.open(url, "", "width=800,height=600");
    InformationsquelleAutor Tamer Durgun