Protams, lūk, kā mēs varam izveidot rakstu:
Atvērt URL jaunā logā ir izplatīta prasība tīmekļa programmēšanā, īpaši, ja vēlamies apstrādāt ārējās saites. Tas var būt noderīgi lietotāja pieredzei un SEO mērķiem, jo tas nodrošina, ka lietotāji joprojām var piekļūt mūsu lapai, pārlūkojot saistīto saturu.
Lai veiktu šo uzdevumu, JavaScript piedāvā vairākas metodes, tostarp "window.open()". Alternatīvi, mēs varētu vienkārši izmantot atribūtu "target = "_blank" HTML, taču šajā rakstā pievērsīsimies JavaScript pieejai.
Funkcija window.open().
Funkcija "window.open()" ir galvenā JavaScript metode vietrāžu URL atvēršanai jaunā logā. Tam nepieciešami trīs galvenie parametri:
- URL: šī ir tīmekļa lapa, kuru vēlaties atvērt
- Nosaukums: tas apzīmē mērķa atribūtu vai loga nosaukumu
- Specifikācijas: iestata loga funkcijas, piemēram, tā augstumu, platumu un to, vai ir ieslēgts statuss, rīks, izvēlne vai ritjoslas.
var newWindow = window.open('https://www.example.com', '_blank', 'height=600,width=800,status=yes,toolbar=no,menubar=no,location=no');
Kodeksa soli pa solim skaidrojums
Pirmais solis ir izsaukt funkciju window.open() , kur 'window' ir globāls objekts, kas attēlo pārlūkprogrammas logu, kurā tiek izpildīti skripti. 'open()' ir funkcija, kas izveido jaunu logu.
Otrkārt, mēs sniedzam parametrus. Tās lapas URL, kuru vēlamies atvērt, tiek nodots kā pirmais parametrs.
Mērķis “_blank” liek pārlūkprogrammai atvērt URL jaunā logā. Ja vēlaties atvērt vietrādi URL jaunā cilnē, varat mainīt “_blank” uz “_self”.
Trešais parametrs nav obligāts un tiek izmantots, lai norādītu jaunā loga funkcijas. Šajā gadījumā ir iestatīti 'augstums', 'platums' un 'statuss', savukārt 'rīkjosla', 'izvēlnes josla' un 'atrašanās vieta' ir atspējoti. Varat pielāgot šīs opcijas atbilstoši savām prasībām.
Visbeidzot, atsauce uz jauno logu tiek saglabāta mainīgajā "newWindow". To var izmantot vēlāk, piemēram, lai mainītu jaunā loga URL.
Papildu bibliotēkas vai funkcijas
Ir arī citas bibliotēkas un funkcijas, kuras var izmantot, lai atvērtu URL jaunā logā, piemēram, jQuery `window.open()` metode, kas izveido jaunu logu tāpat kā JavaScript `window.open()` un Reaģēt uz maršrutētāja `` komponents ar rekvizītu "target="_blank".
Atcerieties: lai gan vietrāžu URL atvēršana jaunos logos var būt noderīga, lai lietotāji paliktu jūsu lapā, pārāk daudz jaunu logu vai ciļņu dažiem lietotājiem var būt kaitinoši. Izlemjot, kad un kur izmantot šo funkciju, vienmēr ņemiet vērā lietotāja pieredzi.