JavaScript piedāvā iebūvētas metodes pārlūkprogrammas loga atvēršanai un aizvēršanai, lai veiktu papildu darbības, piemēram, robotu logu utt. Šīs metodes palīdz atvērt vai aizvērt pārlūkprogrammas loga uznirstošos logus. Tālāk ir norādītas logu metodes.
lietotājvārda piemērs
The logs.atvērt metode tiek izmantota, lai atvērtu jaunu tīmekļa lapu jaunā logā un logs.aizvērt metode, lai aizvērtu tīmekļa lapu, kas atvērta ar window.open metodi. Detalizēti skatiet metodi window.open():
Window.open()
Tā ir iepriekš definēta loga metode JavaScript izmanto, lai pārlūkprogrammā atvērtu jaunu cilni vai logu. Tas būs atkarīgs no jūsu pārlūkprogrammas iestatījuma vai parametriem, kas nodoti, izmantojot metodi window.open() un tiks atvērts jauns logs vai cilne.
Šo metodi atbalsta gandrīz visas populārās tīmekļa pārlūkprogrammas, piemēram, Chrome, Firefox , utt. Tālāk ir norādīta loga atvēršanas metodes sintakse un parametri -
Sintakse
Šī funkcija pieņem četrus parametrus, taču tie nav obligāti.
window.open(URL, name, specs, replace);
Or
Varat arī izmantot šo funkciju, neizmantojot logs atslēgvārds, kā parādīts zemāk:
open(URL, name, specs, replace)
Nav atšķirības starp abām sintaksēm.
Parametru saraksts
Tālāk ir parādīts metodes window.open() parametru saraksts. Ņemiet vērā, ka - visi šīs metodes parametri nav obligāti un darbojas atšķirīgi.
URL: Šis funkcijas window.open() izvēles parametrs satur tās tīmekļa lapas URL virkni, kuru vēlaties atvērt. Ja šajā funkcijā nenorādīsit nevienu URL, tiks atvērts jauns tukšs logs ( about:tukšs ).
nosaukums: Izmantojot šo parametru, varat iestatīt tā loga nosaukumu, kuru gatavojaties atvērt. Tā atbalsta šādas vērtības:
| _tukšs | Nodotais URL tiks ielādēts jaunā cilnē/logā. |
| _vecāks | URL tiks ielādēts vecāklogā vai rāmī, kas jau ir atvērts. |
| _sevis | Nododot šo parametru, URL aizstās iepriekšējo izvadi un tajā pašā rāmī tiks atvērts jauns logs. |
| _tops | URL aizstāj jebkuru kadru kopu, ko var ielādēt. |
| Vārds | Norādiet jaunā loga nosaukumu, lai tajā parādītu tekstu vai jebkādus datus. (Piezīme — nevis loga nosaukums) |
Iepriekš norādītās vērtības tiek nodotas vienā vai dubultpēdiņā funkcijai window.open() nosaukuma parametra vietā.
specifikācijas: Šis parametrs satur iestatījumus, kas ir atdalīti ar komatu. Šajā parametrā izmantotajā elementā nedrīkst būt atstarpes, piemēram, platums=150, augstums=100 .
Tā atbalsta vairākas vērtības.
aizvietot: Tāpat kā citi window.open() metodes parametri, arī šis ir neobligāts parametrs. Tas vai nu izveido jaunu ierakstu, vai aizstāj pašreizējo ierakstu vēstures sarakstā. Tā atbalsta divas Būla vērtības; tas nozīmē, ka tas atgriež vai nu patiesu, vai nepatiesu:
| Taisnība | Atgriež vērtību True, ja URL aizstāj pašreizējo ierakstu vai dokumentu vēstures sarakstā. |
| Nepatiesi | Atgriezt false, ja URL izveido jaunu ierakstu vēstures sarakstā. |
Atgriešanas vērtības
Tas atgriezīs tikko atvērtu logu.
Piemēri
Šeit ir daži piemēri funkcijai window.open(), lai atvērtu pārlūkprogrammas logu/cilni. Pēc noklusējuma norādītais URL tiek atvērts jaunā cilnē vai logā. Skatiet tālāk sniegtos piemērus.
1. open() ar URL parametru
Šis ir vienkāršs loga atvēršanas metodes piemērs, kurā ir vietnes URL. Mēs esam izmantojuši pogu. Noklikšķinot uz šīs pogas, metode window.open() izsauks un atvērs vietni jaunā pārlūkprogrammas cilnē.
Kopēt kodu
Click the button to open new window <br> <br> Open WindowIzmēģiniet to tūlīt
Or
regresijas izteiksme java
Šo kodu var uzrakstīt, kā norādīts zemāk -
Kopēt kodu
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Izmēģiniet to tūlīt Izvade
Noklikšķinot uz šī Atvērt logu pogu, javatpoint vietne tiks atvērta jaunā cilnē tajā pašā logā.
Skatiet zemāk redzamo ekrānuzņēmumu:
2. open() bez parametriem
Šajā piemērā mēs nenodosim nevienu parametru funkcijai window.open(), lai jaunā cilne tiktu atvērta iepriekšējā logā.
Kopēt kodu
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Izmēģiniet to tūlīt Izvade
Kad izpildīsit iepriekš minēto kodu, kopā ar to parādīsies poga.
Noklikšķinot uz šī Atvērt logu pogu, jaunā cilnē tiks atvērts tukšs logs.
3. open() ar nosaukuma parametriem
Šajā piemērā mēs norādīsim _vecāks pie nosaukuma parametra. Tajā varat nodot jebkuru no šīm vērtībām (_parent, _blank, _top utt.).
Kopēt kodu
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Izmēģiniet to tūlīt Izvade
vesels skaitlis dubultā java
Izpildiet kodu un iegūstiet izvadi, kā norādīts zemāk. Tajā būs poga, lai noklikšķinātu un atvērtu jauno URL tajā pašā vecāklogā.
Noklikšķinot uz šīs pogas, Gmail tiks atvērts tajā pašā vecāklogā.
Nododot dažādas vērtības otrajā parametrā, jūs redzēsit atšķirību dažādām vērtībām.
Linux kura komanda
4. Definējiet jaunā loga izmēru
Šajā piemērā mēs norādīsim jaunā loga augstumu un platumu. Šim nolūkam mēs izmantosim trešo parametru ( specifikācijas ) loga.open() metodē un nododiet šai funkcijai loga augstumu un platumu, atdalot to ar komatu. Tātad logs tiks atvērts norādītajā izmērā.
Kopēt kodu
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Izmēģiniet to tūlīt Izvade
Izpildiet iepriekš minēto kodu un iegūstiet izvadi, kā norādīts zemāk. Tajā būs poga, lai noklikšķinātu un atvērtu jauno URL tajā pašā vecāklogā.
Noklikšķinot uz šīs pogas, zem izmēra vecākloga tiks atvērts jauns tukšs logs.
Ņemiet vērā, ka varat arī nodot URL metodei window.open(), lai atvērtu jebkuru vietni.
Atveriet jaunu logu ar vārdu un ziņojumu
Mēs varam parādīt jebkuru lietotāja definētu tekstu vai formu jaunā logā, kuru mēs atvērsim, noklikšķinot uz pogas. Lai to izdarītu, jaunajam logam ir jānorāda jebkurš nosaukums un jāieraksta tajā teksts. Šis nosaukums tiks nodots metodei window.open(). Skatiet tālāk norādīto kodu, kā tas tiks ieviests ar faktisko kodēšanu.
Kopēt kodu
function openWindow() { var newtab = window.open('', 'anotherWindow', 'width=300,height=150'); newtab.document.write('<p> This is 'anotherWindow'. It is 300px wide and 150px tall new window! </p>'); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window Izmēģiniet to tūlīt Izvade
Izpildiet kodu un iegūstiet izvadi, kā norādīts zemāk. Tajā būs poga, lai noklikšķinātu un atvērtu jauno URL tajā pašā vecāklogā.
Noklikšķinot uz šīs pogas, zem vecākloga, kura izmērs ir 300*150, tiks atvērts jauns logs ar lietotāja definētu ziņojumu.
JavaScript piedāvā arī iebūvēto metodi, t.i., aizveriet (), lai aizvērtu pārlūkprogrammas logu.
Aizvērt logu, ko atvēra logs.open()
Šajā piemērā mēs parādīsim, kā aizvērt logu vai cilni, kas atvērta ar metodi window.open(). Pirmkārt, mēs atvērsim vietnes URL jaunā logā (izmērs noteikts kodā), izmantojot pogas klikšķi, un pēc tam izmantosim citu pogu, lai aizvērtu atvērto logu. Skatiet zemāk esošo kodu, kā tas tiks darīts:
Kopēt kodu
python rstrip
Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( 'https://www.javatpoint.com/', '_blank', 'width=500, height=350'); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint Izmēģiniet to tūlīt Izvade
Kad jūs izpildīsit kodu, jūs saņemsit atbildi, kā parādīts zemāk:
Noklikšķiniet uz Atveriet Javapoint pogu, lai atvērtu Javapoint apmācības vietni. Mēs esam norādījuši atveramā jaunā uznirstošā loga izmēru (augstumu un platumu).
Ja noklikšķināsiet uz Aizvērt Javapoint pogu, šis atvērtais logs tiks samazināts līdz minimumam.
Pārlūka atbalsts
Vairākas tīmekļa pārlūkprogrammas atbalsta metodi window.open(), piemēram:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari utt.
Iepriekš minētajās pārlūkprogrammās varat izmantot un palaist metodi window.open().