Dodaj treść do nowego otwartego okna

Question

Nie wiem, jak rozwiązać ten problem, próbowałem przeczytać wiele postów, ale nikt na nie nie odpowie.

Potrzebuję otworzyć nowe okno ze stroną już zakodowaną (w tej samej domenie) i dodać trochę treści.

Problem polega na tym, że jeśli użyję OpenWindow.write(), strona nie zostanie jeszcze załadowana lub zastąpi wszystko i pojawi się tylko kod dodany podczas zapisu.

var OpenWindow = window.open('mypage.html','_blank','width=335,height=330,resizable=1'); 
OpenWindow.document.write(output); 

output to kod, który muszę dodać.

Potrzebuję go do pracy przynajmniej w Firefoksie, IE i GC.

Z góry dziękuję. Nie ma problemu, jeśli potrzebuję używać JQuery.

Answer 1

w parent.html:

<script type="text/javascript"> 
    $(document).ready(function() { 
     var output = "data"; 
     var OpenWindow = window.open("child.html", "mywin", ''); 
     OpenWindow.dataFromParent = output; // dataFromParent is a variable in child.html 
     OpenWindow.init(); 
    }); 
</script> 

w child.html:

<script type="text/javascript"> 
    var dataFromParent;  
    function init() { 
     document.write(dataFromParent); 
    } 
</script> 

Answer 2

Oto co można spróbować

• napisać funkcję powiedzieć init() wewnątrz mojastrona.html że zrobić coś HTML (dołącz czy co tam)
• zamiast OpenWindow.document.write(output); wezwanie OpenWindow.init() gdy dom jest gotowy

więc okno rodzic będzie musiał

OpenWindow.onload = function(){ 
     OpenWindow.init('test'); 
    } 

i dziecka

function init(txt){ 
     $('#test').text(txt); 
    } 

Answer 3

Po wywołaniu document.write po załadowaniu strony będzie to wyeliminować wszystkie treści i zastąpić ją z parametrem Ci zapewnić. Zamiast używać metod DOM, aby dodać treść, na przykład:

var OpenWindow = window.open('mypage.html','_blank','width=335,height=330,resizable=1'); 
var text = document.createTextNode('hi'); 
OpenWindow.document.body.appendChild(text); 

Jeśli chcesz użyć jQuery można dostać niektóre lepsze API do czynienia. Na przykład:

var OpenWindow = window.open('mypage.html','_blank','width=335,height=330,resizable=1'); 
$(OpenWindow.document.body).append('<p>hi</p>'); 

Jeśli potrzebny jest kod do uruchomienia po Nowym okna DOM jest gotowy spróbować:

var OpenWindow = window.open('mypage.html','_blank','width=335,height=330,resizable=1'); 
$(OpenWindow.document.body).ready(function() { 
    $(OpenWindow.document.body).append('<p>hi</p>'); 
}); 

Answer 4

gdy chcemy otworzyć nowy/okno zakładki (zależy od domyślnej konfiguracji przeglądarki):

output = 'Hello, World!'; 
window.open().document.write(output); 

Gdy wyjście jest Object i Chcesz uzyskać JSON, na przykład (można również wygenerować dowolny typ dokumentu, nawet obraz zakodowany w Base64)

output = ({a:1,b:'2'}); 
window.open('data:application/json;' + (window.btoa?'base64,'+btoa(JSON.stringify(output)):JSON.stringify(output))); 

Aktualizacja

Google Chrome (60.0.3112.90) blokują ten kod:

Not allowed to navigate top frame to data URL: data:application/json;base64,eyJhIjoxLCJiIjoiMiJ9

gdy chcesz dołączyć jakieś dane do istniejącej strony

output = '<h1>Hello, World!</h1>'; 
window.open('output.html').document.body.innerHTML += output; 

output = 'Hello, World!'; 
window.open('about:blank').document.body.innerText += output; 

Answer 5

Jeśli chcesz otworzyć stronę lub okno z wysyłania danych POST lub GET metody można użyć kodu:

$.ajax({ 
    type: "get", // or post method, your choice 
    url: yourFileForInclude.php, // any url in same origin 
    data: data, // data if you need send some data to page 
    success: function(msg){ 
       console.log(msg); // for checking 
       window.open('about:blank').document.body.innerHTML = msg; 
       } 
});