Naravno, evo kako možemo kreirati članak:
Otvaranje URL-a u novom prozoru je uobičajen zahtjev u web programiranju, posebno kada želimo obrađivati eksterne linkove. To može biti korisno za korisničko iskustvo i za SEO svrhe, jer osigurava da korisnici i dalje mogu pristupiti našoj stranici dok pregledavaju povezani sadržaj.
Da bi izvršio ovaj zadatak, JavaScript nudi nekoliko metoda, uključujući `window.open()`. Alternativno, mogli bismo jednostavno koristiti atribut `target = “_blank”` u HTML-u, ali za ovaj članak hajde da se fokusiramo na JavaScript pristup.
Funkcija window.open().
Funkcija `window.open()` je primarna JavaScript metoda za otvaranje URL-ova u novom prozoru. Potrebna su tri glavna parametra:
- URL: Ovo je web stranica koju želite otvoriti
- Ime: Ovo predstavlja ciljni atribut ili ime prozora
- Specifikacije: Ovo postavlja karakteristike prozora kao što su visina, širina i da li su uključeni status, alat, meni ili trake za pomeranje.
var newWindow = window.open('https://www.example.com', '_blank', 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no');
Korak po korak objašnjenje koda
Prvi korak je pozivanje funkcije window.open() gdje je 'window' globalni objekt koji predstavlja prozor preglednika u kojem se izvršavaju skripte. 'open()' je funkcija koja kreira novi prozor.
Drugo, mi obezbjeđujemo parametre. URL stranice koju želimo otvoriti se prosljeđuje kao prvi parametar.
Cilj '_blank' čini pretraživač da otvori URL u novom prozoru. Ako umjesto toga želite otvoriti URL u novoj kartici, možete promijeniti '_blank' u '_self'.
Treći parametar je opcioni i koristi se za određivanje karakteristika novog prozora. U ovom slučaju, 'visina', 'width' i 'status' su postavljeni, dok su 'toolbar', 'menubar' i 'location' onemogućeni. Ove opcije možete prilagoditi svojim potrebama.
Konačno, referenca na novi prozor je pohranjena u varijablu 'newWindow'. Ovo se može koristiti kasnije, na primjer za promjenu URL-a novog prozora.
Dodatne biblioteke ili funkcije
Postoje i druge biblioteke i funkcije koje se mogu koristiti za otvaranje URL-a u novom prozoru, kao što je jQueryjev `window.open()` metoda koja kreira novi prozor baš kao JavaScript `window.open()`, i React Router's `` komponenta sa svojstvom 'target=”_blank”'.
Zapamtite, iako otvaranje URL-ova u novim prozorima može biti korisno za zadržavanje korisnika na vašoj stranici, previše novih prozora ili kartica može biti neugodno nekim korisnicima. Uvijek uzmite u obzir korisničko iskustvo kada odlučujete kada i gdje ćete koristiti ovu funkciju.
