Cum și de ce este primul. JavaScript - obiect fereastră: deschide și închide fereastra Metode obiect fereastră: open(), close(), print(), focus() și blur()

2

Am o parte de tată și una de fiică. partea pentru copii este deschisă pe un nou depozit

Vreau să afișez o notificare în avans (partea copilului se închide) când închid fila copil.
Cum pot arăta că messgae este închis închizând fila? (Nu este o oră răcoritoare)

Am învins OnUnload și onbeforeunload.
Cele două metode sunt apelate și la actualizarea paginilor și la închiderea filelor.

Window.onunload = funcția doUnload(e) ( alert(„Fereastra copilului se închide...”); )

Window.onbeforeunload = funcția doUnload(e) ( alert(„Fereastra copilului se închide...”); )

Sunt obligat să arăt notificarea înainte de a mesteca până când închideți fila din browser.

Ajutați-mă. Vă mulțumesc anticipat.

Trec în revistă scenariul ofensiv. Yogo a lucrat cu IE. Ale nu lucrează cu FireFox

window.onbeforeunload = function() ( if ((window.event.clientX< 0) || (window.event.clientY < 0) || (window.event.clientX < -80)) { alert("Child window is closing..."); } };

Cum poate FireFox să aibă un browser diferit?

• 4 tipuri

Triere:

Activitate

1

Din acest motiv, acesta nu este un script cross-browser. Soluția este să NU te bazezi pe funcțiile nedocumentate și limitate ale unui anumit browser, pentru a fi conștienți că acest lucru este mai important.

Atâta timp cât ai pagina COPIL, poți configura un test cu tatăl tău (controlerul), care verifică la intervale puterea childWindowHandle.closed și orice altceva de pe el.

1

Să presupunem că încearcă doar să filmeze cu interfața Crossbrowser, ceea ce înseamnă că este important să lucrezi la ea (în spatele vinovatului operației)

Încercați( // http://www.opera.com/support/kb/view/827/ opera.setOverrideHistoryNavigationMode(„compatibil”); history.navigationMode = „compatibil”; )catch(e)() //Unde Funcția F" Are You Going Message ReturnMessage() ( returnează "WTF!!!"; ) // Funcția Funcție UnBind UnBindWindow() ( window.onbeforeunload = null; return true; ) //Legături pe care nu dorim să le afectăm documentul .getElementById("homebtn").onclick = UnBindWindow; document.getElementById("googlebtn").onclick = UnBindWindow; //Bind Ieșire mesaj dialog window.onbeforeunload = ReturnMessage;

0

Nu veți putea produce acest lucru, cu excepția acestor metode, baza cuptorului, care este munca de a dezvolta soluții care nu sunt cookie-uri stabile. O altă identificare a noii pagini, redirecționări bazate pe formulare sau redirecționări returnate sau închiderea browserului cu opțiuni relevante nu este direct legată. Este recomandat să nu te întinzi în fața nimănui.

Puteți efectua următoarele acțiuni prin care mai întâi clientul inferior închide fila. javascript detect browser close tab/close browser , dacă lista dvs. este lungă și fila este închisă înainte de finalizare, aveți probleme. Puteți încerca, dar din cunoștințele mele nu veți putea sta departe de nimic altceva. Deci, nu puteți diferenția înapoi și închideți în acest moment. Nu există un mod sigur de a spune că copilul este cu adevărat închis.

Window.addEventListener("înainte de descărcare", funcția (e) ( var confirmationMessage = "\o/"; /* Ai un mic cod de acțiune aici */ (e || window.event).returnValue = confirmationMessage; //Gecko + IE return confirmationMessage;//Webkit, Safari, Chrome));

„Totuși, în primul rând, din moment ce nu intenționați să creați text pe web, doar notificări standard”, judecând după comentarii, este permanent și irevocabil. În legătură cu asta am vrut să scriu puțin despre istoria nutriției.

Știm că, în primul rând, puteți cere clientului să nu priveze pagina web de cont, deoarece are date de nesalvare (de exemplu, este scris pe formular, dar notificarea nu a fost trimisă pe forum) . Pentru aceasta, este suficient să adăugați ceva de genul JavaScript:
window.onbeforeunload = function (evt) ( var message = „Documentul „foo” nu este salvat. Veți pierde modificările dacă părăsiți pagina.”; if (typeof evt == „undefined”) ( evt = window.event ; ) dacă (evt) ( evt.returnValue = mesaj; ) returnează mesaj; )
După care, în mod ideal, utilizatorul ar dori să închidă pagina (în orice fel - închideți fila, întregul browser, reintroduceți pagina, introduceți o nouă adresă în bara de adrese, mergeți la marcaj etc.), apoi cereți confirmare și ieșiți de aici puteți fi skasuvati. Anterior, autori nevinovați au încercat să-i ajute să depășească hackerul și să-l pună pe pagină, de exemplu, textul vikory „Atingeți OK pentru a continua să lucrați cu site-ul și Anulați pentru a închide” (în realitate, butoanele funcționau în același mod ki). Sau și mai rău, cum ar fi „Atingeți OK pentru a confirma debitarea de 1000 USD de pe cardul dvs. de credit”.

Apoi browserele și-au revenit în fire și au început să adauge text suplimentar, ceea ce face mai ușor să înșele comerciantul. Axa, de exemplu, este modul de utilizare a IE8:

Text aproape similar în Firefox 3:


Odată ce ați citit totul, devine clar că veți vedea site-ul și apoi browserul. Totuși, poți păcăli pe oricine.

Aici avem o descriere foarte precisă a acțiunii chiar pe butoane. Este deja foarte important să reconvertiți koristuvach-ul și să apăsați „Piti” pentru a pierde și „Forfeit” pentru a bea. După părerea mea, soluția este ideală și acest subiect poate fi închis. Vzagali, după cum știți, OK fără față poate, în orice dialog, să înlocuiască urma cu numele acțiunii (de exemplu, „Ștergeți fișiere”, „Căutare”, „Adăugați rând”, „Deschideți fișierul”, etc.), care schimbă numărul de mesaje koristuvacha, știți că sunteți în control complet asupra textului dialogului.

De ce a existat o dramă cu bug-ul 641509? Cel care confirmă Firefox 4 arată astfel:


Aparent, textul koristuvach-ului a fost scris în întuneric. În a 4-a versiune, site-ul web nu poate oferi clientului nicio informație suplimentară sau explica de ce clientul nu dorește ca acesta să facă acest lucru. Să zicem, dacă implementezi o interfață pentru lucrul cu o mulțime de documente într-o singură fereastră și niciunul dintre ele nu economisește bani, ai putea spune care anume, dar în Firefox nu vei înțelege nimic. Poate că nu trebuie să salvați nimic și, după ce ați primit mai multe informații, mergeți calm pe cealaltă parte, dar nu știți ce este în dreapta. La sfârșitul

Am fost deja întrebat de mai multe ori cum să închid filele. Să presupunem că proprietarul dorește să-ți închidă site-ul, iar tu te comporți ca o fereastră cu scurgeri și întrebi: „ Cânți?", sau lucrați la o redirecționare către un alt site. Desigur, aceste metode sunt deja folosite de koristuvachs, așa că vă recomand să nu le vikorizați. Din fericire, browserele nu sunt atât de proaste la ștergere, dar există încă unele opțiuni pentru închiderea filei.

Este posibil să-l întrebați pe koristuvach: " De ce vrei să închizi partea laterală? Axa poate fi implementată în felul următor prin închiderea filei:

window.onbeforeunload = function() (
return "Uneori ar trebui să-i spui koristuvach-ului";
}

Acest cod va rula în Firefox, IE, Chrome, dar nu va rula în Opera (care browser nu funcționează niciodată). În acest caz, funcția de procesare în sine poate roti doar rândul, astfel încât să nu genereze redirecționări.

Ordinea care este rotită va fi afișată în fereastra de confirmare în Chrome și IE. În Firefox, acest rând nu se arată în niciun fel.

Vreau să închid fereastra/fila browserului meu. Am încercat asta cu jQuery:

JQuery(window).bind(„înainte de descărcare”, function() ( return confirm(„Chiar doriți să închideți?”) )))

Ale vin se ocupă și cu depunerea formularului, ceea ce nu vreau. Vreau ceva care să-ți fie de folos doar când funcționarul închide fereastra.

Începând cu jQuery 1.7, metoda .live() este depreciată. Utilizați vikoryst.on() pentru a adăuga probe. Utilizatorii versiunilor mai vechi de jQuery sunt vinovați de vikoristovyvat.delegate() la overhaul.live()

$(window).bind(„înainte de descărcare”, function() ( returnează adevărat || confirm(„Chiar vrei să închizi?”); ));

$(fereastră).unbind();

JQuery(window).bind(„înainte de descărcare”, funcția (e) ( var activeElementTagName = e.target.activeElement.tagName; if (activeElementTagName != „A” && activeElementTagName != „INPUT”)) ( returnează „Chiar ești vrei sa inchizi?";))))

Mărturia mea se bazează pe teste simple.

Div. Confirmare @SLaks.

$(window).on(„înainte de descărcare”, function() ( return inFormOrLink ? „Chiar vrei să închizi?” : null; ))

Aparent, atunci când utilizatorul închide pagina (butonul x sau CTRL + W), browserul salvează acest cod înainte de descărcare, cu excepția sensului termenului. Singurul dezavantaj este mesajul de confirmare (reveniți „Chiar doriți să închideți?”), care va indica confirmarea corespondentului.

Chrome: 2 secunde.
Firefox: ∞ (fie dublu clic, fie Primus închis)
Margine: ∞ (sau dublu clic)
Explorer 11: 0 secunde.
Safari: A FACE

Ce am folosit pentru a verifica asta:

• Server Node.js Express cu jurnal de interogări
• Fișier HTML scurt ofensator

Cei care pot lucra trebuie să trimită cât mai multe solicitări înainte ca browserul inferior să-și completeze pagina (sincron).

function request() ( return $.ajax(( tip: "GET", url: "http://localhost:3030/" + Date.now(), async: true )).responseText; ) window.onbeforeunload = ( ) => ( în timp ce (adevărat) (​​​request(); ) returnează nul; )

Ieșire Chrome:

GET /1480451321041 404 0,389 ms - 32 GET /1480451321052 404 0,219 ms - 32 ... GET /hello/1480451322998 404 0,328 ms de secunde, deoarece cererea 2 poate dura câteva milisecunde.

Încearcă și asta

Window.onbeforeunload = function () ( if (pasteEditorChange) ( var btn = confirm("Doriți să salvați modificările?"); if(btn === true)( SavetoEdit();//apelul dvs. de funcție) else ( windowClose();//apelul tau functie ) ) else ( windowClose();//apelul tau functie ) );

Doar întoarce-o...

Funcția wopen_close())( var w = window.open($url, "_blank", "width=600, height=400, scrollbars=no, status=no, resizable=no, screenx=0, screeny=0") ); w.onunload = function() (daca (window.closed) ( alert("fereastra inchisa"); )else( alert ("doar reimprospatat"); ) ) )

Din păcate, se va reangaja, va redirecționa noua pagină sau va închide browserul. O alternativă este să prindeți un identificator care reprezintă un concept, iar pentru că formularul nu solicită nicio funcție, și din moment ce nu are un identificator de formular, atunci lucrați cu cei pe care doriți să le câștigați, dacă piața se închide. Nu-mi pot imagina că acest lucru este la fel de posibil și m-am săturat de asta.

Puteți efectua următoarele acțiuni prin care mai întâi clientul inferior închide fila. javascript arată browserului să închidă fila / să închidă browserul, dacă lista dvs. este mare și fila este închisă până la finalizare, sunteți fără speranță. Puteți încerca, dar din cunoștințele mele nu veți putea sta departe de nimic altceva.

Window.addEventListener("înainte de descărcare", funcția (e) ( var confirmationMessage = "\o/"; /* Ai un mic cod de acțiune aici */ (e || window.event).returnValue = confirmationMessage; //Gecko + IE return confirmationMessage;//Webkit, Safari, Chrome));

Dacă trimiterea formularului le redirecționează către o altă parte (respect că rulează înainte de descărcare), puteți încerca să schimbați formularul înainte de descărcare la un clic ajax. Astfel, nu vă va distruge pagina înainte de descărcare a formularului și vă puteți edita legăturile înainte de descărcare la propria discreție.

Pentru a afla cum să funcționeze bine cu elementele terțe ale browserului, cum ar fi Telerik (de exemplu, RadComboBox) și DevExpress, care folosesc etichete Anchor din diverse motive, aruncați o privire la codul însoțitor, care este o versiune ușor condensată. a codului desm cu un selector de scurtare care leagă etichetele pentru legăturile dvs.:

Var yFormOrLink; $("a:nu(), a").live("clic", function() ( inFormOrLink = adevarat; )); $("form").bind("trimite", function() ( inFormOrLink = adevarat; )); $(window).bind(„înainte de descărcare”, function(eventObject) ( var returnValue = nedefinit; dacă (! inFormOrLink) ( returnValue = „Chiar doriți să închideți?))"; } eventObject.returnValue = returnValue; return returnValue; });!}!}

Sunt un învingător al lui Slaks, dar nu cred, pentru că fragmentele sunt mai întâi analizate pe rând, apoi afișate în fereastra de confirmare a browserului. Așa este afișată valoarea true, de exemplu true.

Este doar o chemare vicoristică și vicioasă. Codul axei

Var preventUnloadPrompt; var messageBeforeUnload = "mesajul meu aici - Cum pot accelera această pagină?"; //var redirectAfterPrompt = "http://www.google.co.in"; $("a").live("clic", function() ( preventUnloadPrompt = true; )); $("form").live("trimite", function() ( preventUnloadPrompt = true; )); $(window).bind(„înainte de descărcare”, funcția(e) ( var rval; if(preventUnloadPrompt) ( return; ) else ( //location.replace(redirectAfterPrompt); return messageBeforeUnload; ) return rval; ))

Var validNavigation = false; jQuery(document).ready(funcție () ( wireUpEvents(); )); function endSession() ( // Browser sau fila browser este inchisa // Do sth here ... alert("pa"); ) function wireUpEvents() ( /* * Pentru lista de evenimente care declanseaza onbeforeunload pe IE * verifica http: //msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx */ window.onbeforeunload = function () ( debugger if (!validNavigation) ( endSession(); ) ) // Atașați evenimentul apăsarea tastei exclude refresh-ul F5 $(document).bind("keypress", funcția (e) (depanator if (e.keyCode == 116) ( validNavigation = true; )))); // Atașați evenimentul click pentru toate linkurile din pagină $("a").bind("click", function () ( debugger validNavigation = true; )); // Atașați evenimentul submit pentru toate formularele din pagina $("form").bind( "submit", function () ( debugger validNavigation = true; )); ));) 'Introdu codul aici'

Problema mea: opțiunea onbeforeunload va fi inițiată numai dacă numărul de clicuri nu este egal. Am primit o soluție din fire similare pe SO, astfel încât soluția mea să funcționeze. Salut, codul meu este rostit.

$(document).ready(function() ( updatefgallowPrompt(true); window.onbeforeunload = WarnUser; ) function WarnUser() ( var allowPrompt = getfgallowPrompt(); if(allowPrompt) ( saveIndexedDataAlert(); updatefgallowPrompt(true); eveniment .stopPropagation ) ) funcția saveIndexedDataAlert() ( var allowPrompt = getfgallowPrompt(); var lenIndexedDocs = parseInt($("#sortable3 > li").size()) + par#Int$ ul").size()); dacă (allowPrompt && $.trim(lenIndexedDocs) > 0) ( event.returnValue = "Mesajul dvs."; } else { event.returnValue = " "; updatefgallowPrompt(true); } } $(document).click(function(event) { $("a").live("click", function() { updatefgallowPrompt(false); }); }); function updatefgallowPrompt (allowPrompt){ //exit msg dfds $("body").data("allowPrompt", allowPrompt); } function getfgallowPrompt(){ return $("body").data("allowPrompt"); }!}!}

După ce a jucat pentru mine;

$(window).unload(funcție(eveniment) ( if(event.clientY)< 0) { //do whatever you want when closing the window.. } });

Window.onbeforeunload = function () ( returneaza "Chiar vrei sa inchizi?"; );

Poate, doar pentru a reprocesa următoarele pentru a reprocesa formularul de trimitere:

JQuery(„form”).submit(function() ( jQuery(window).unbind(„înainte de descărcare”); ... ));

În această lecție, vom afla despre diferitele metode ale obiectului fereastră, care vă permit să deschideți și să închideți o fereastră, ceea ce înseamnă că o fereastră este închisă și, de asemenea, să eliminați proprietățile sale interne etc.

În această secțiune ne vom uita la următoarele metode ale obiectului fereastră:

• open() – atribuiri pentru deschiderea ferestrelor (file);
• close() – folosește pentru închiderea ferestrelor. Este folosit în principal pentru a închide ferestrele care sunt închise folosind metoda open();
• print() - atribuiri unul pentru celălalt în loc de o fereastră;
• focus() - scopul transferului focalizării către fereastra specificată;
• blur() - setări pentru eliminarea focalizării din fereastra desemnată.

Parametrii metodei:

• Primul parametru specifică adresa URL a paginii pe care trebuie să faceți clic pe fereastră. Dacă nu specificați un parametru semnificativ, fereastra va afișa o parte goală (aproximativ: gol).
• Un alt parametru al metodei Open specifică valoarea atributului țintă sau numele ferestrei. Sunt acceptate următoarele valori:
• _blank - URL-ul va fi afișat în noua fereastră (filă). Este important să vikorist pentru minte;
• _parent - URL-ul va fi admirat de cadrul Tatălui. Dacă nimic altceva, URL-ul este afișat în fereastra exactă (filă);
• _self - URL-ul va fi afișat în fereastra exactă;
• _top - scoate toate cadrele și plasează adresa URL într-o anumită fereastră de browser (filă). Dacă nimic altceva, URL-ul este afișat în fereastra exactă (filă);
• Ca parametru, puteți introduce și numele ferestrei. Acesta este intern și poate fi accesat de browserele web pentru a accesa funcțiile și metodele acestei ferestre.
• Al treilea parametru este pentru introducerea unui set de autorități în fereastră, care este introdus prin comă. Următoarele autorități principale sunt sprijinite:
• stânga , sus - coordonatele (în pixeli) din colțul din stânga sus al ferestrei browser și din colțul din stânga sus al ecranului. Semnificația acestor autorități poate fi pozitivă și egală cu 0;
• înălțime , lățime - înălțimea și lățimea zonei de lucru a ferestrei browserului. Atunci când specificați valoarea, este necesar să vă asigurați că lățimea și înălțimea ferestrei browserului nu poate fi mai mică de 100 de pixeli;
• redimensionabil - puterea logică a ferestrei, care are scopul de a crește sau crește capacitatea de a schimba dimensiunea ferestrei browserului. Această putere ia următoarele valori: da sau 1 și nu sau 0;
• bare de defilare - cea mai logică fereastră, care este concepută pentru a activa sau dezactiva afișarea derulării în locul ferestrei browserului. Această putere ia următoarele valori: da sau 1 și nu sau 0;
• stare - puterea logică a ferestrei, care este destinată evidențierii sau afișarii rândului de stare al browserului. Această putere ia următoarele valori: da sau 1 și nu sau 0.

Să aruncăm o privire la fund:

1. Deschideți pagina goală about:blank în fereastra nouă. Este important ca lățimea și înălțimea să fie egale cu 250px:

Window.open("","","lățime=250, înălțime=250");

2. Deschideți pagina web „http://site/” din fereastra de streaming:

Window.open("http://site/", "_self");

3. Deschide o nouă fereastră care aduce cântecul puterii (sus=100, stânga=100, lățime=400, înălțime=500, scrollbars=yes, resizabie=yes):

Window.open("http://site", "_blank", "top=100, left=100, width=400, height=500, scrollbars=yes, resizable=yes");

Metoda open() vă permite să deschideți o fereastră și să deselectați fereastra. Acest mesaj vă permite să interacționați cu această lume pentru sprijin suplimentar din partea autorităților și metodelor. Tobto. Putem folosi cod JavaScript suplimentar, redat într-o fereastră și să-l acoperim cu o altă fereastră.

De exemplu, pentru a naviga la obiectul document al unei ferestre deschise:

Deschideți o nouă fereastră goală și introduceți următorul text în ea:

Var myWindow = window.open("", "", "width=250, height=250"); myWindow.document.write("

Text actoricesc

Notă: Puteți interacționa doar cu ferestrele pe care le-ați deschis, nu puteți tranzacționa cu alte ferestre.

Acesta este scopul închiderii ferestrei. Această metodă nu are parametri. Această fereastră este folosită pentru a închide ferestrele create prin metoda open(). În caz contrar, dacă încercați să închideți fereastra (fila), deschideți-o cu utilizatorul însuși (nu cu JavaScript), atunci browserul, prin verificarea de securitate, va cere utilizatorului să confirme că ați introdus această acțiune.

De exemplu, să creăm butoane pentru deschiderea și închiderea ferestrelor cu numele myWindow:

//creează o modificare care va salva mesajele trimise către obiectul fereastră al unei ferestre deschise var myWindow; funcția meaWindowOpen ( myWindow = window.open("http://www.yandex.ru", "myWindow", "width=250, height=250"); ) funcția myWindowClose ( if (myWindow) ( myWindow.close() myWindow = null; ) ) Deschide fereastra Închide fereastra

Vіn scopuri unul pentru celălalt în loc de vikna. Această metodă nu are parametri.

funcția myPrint() ( window.print(); ) Cealaltă parte

Acesta este folosit pentru a focaliza fereastra specificată. Această metodă nu are parametri.

Nu există sarcini pentru a elimina focalizarea din fereastra desemnată. îl mută în fundal. Această metodă nu are parametri.

function myWindowOpen() ( var myWindow = window.open("", "", "width=200,height=100"); ) function myWindowFocus() ( myWindow.focus(); ) function myWindowBlur() ( myWindow.bl (; ) Deschideți fereastra Acordați focalizarea ferestrei Mutați fereastra pe fundal

În ce secțiune vom lua în considerare următoarele puteri ale obiectului fereastră:

• nume – folosit pentru eliminarea sau introducerea numelui intern al ferestrei;
• deschidere - vă permite să preluați mesaje din fereastra curentă (obiect fereastră) din care a fost deschisă fereastra;
• închis - puterea tipului logic, care se transformă: adevărat dacă fereastra este închisă și fals dacă fereastra este deschisă.

Această putere este adesea folosită pentru a schimba numele intern al ferestrei, după ce este deja închisă. În plus, valoarea numelui poate fi ajustată pentru a se potrivi cu valoarea numelui intern al ferestrei.

Numele interior al ferestrei, nu într-un rând, este plasat între eticheta care deschide și închide titlul - acesta este numele ferestrei, care este destinat comerciantului cu amănuntul. Tobto. Acest lucru este invizibil pentru koristuvach.

Acesta este folosit în principal în formele hiperforțate pentru introducerea unei ferestre în care trebuie să deschideți lateral. De exemplu, pentru a indica numele intern al unei ferestre într-un hyperlink, se folosește atributul target.Dacă elementul are atributul target="searchWindow", atunci când dați clic pe un mesaj, browserul va încerca imediat să găsească fereastra cu un astfel de nume intern „yam (searchWindow), ca o fereastră cu un astfel de nume intern Acest lucru înseamnă că deschideți o nouă fereastră și o denumiți searchWindow . Și dacă utilizați astfel de nume, o nouă fereastră nu se va deschide, dar pagina din spatele mesajului specificat pentru acea fereastră va fi reactivată. Ferestrele browserului nu ascund numele interne în spatele lor.

De exemplu, să deschidem pagina „http://www.google.com/” într-o fereastră numită myWindow:

window.name = "myWindow";

De exemplu, deschidem fereastra din spatele metodei suplimentare open() și o afișam cu un nume nou:

var wnd = window.open("","myTest","width=200, height=300"); wnd.document.write("

Acesta este întotdeauna numele: "+wnd.name+".");

Această putere vă permite să țineți fereastra, trimițând-o către fereastra de ieșire (obiect fereastră), apoi. fereastra era deschisă.

De exemplu, aveți o fereastră de ieșire (1), în care deschideți o altă fereastră (2) folosind metoda open(). În această fereastră (2) puteți scoate fereastra (1) folosind puterea suplimentară a deschizătorului.

funcția openMyWindow() ( var myWindow=window.open("","","width=200,height=200"); myWindow.document.write("Deschide fereastra (2)");