Sådan får du en fjernbetjening webside med JavaScript
JavaScript er et letvægts programmeringssprog, der typisk indlejret direkte i websider, udføres, når der er lagt i en webbrowser og er i stand til at udføre opgaver, såsom at åbne eksterne websider. JavaScript har evnen til at få adgang browser objekter, der kan ændre den måde webbrowseren opfører, DOM objekter, der kan få adgang til W3C DOM egenskaber og metoder, og indbygget i objekter, der kan udføre en bred vifte af fælles opgaver. JavaScript tilbyder også en bred vifte af indbyggede begivenheder, der kan reagere på brugerinteraktion.
Vejledning
• Åbn en teksteditor og oprette en ny fil. Skriv nogle HTML-kode i filen, der skriver en besked på skærmen, der forklarer, at det er en side, der hedder ved hjælp af JavaScript. Navngiv siden windowRemotePage.html. Gem og luk windowRemotePage.html. <Html> <head> </ head> <body> <h1> Dette er en fjern side kaldet brug af JavaScript vinduet objekt. </ H1> </ body> </ html>
• Åbn den teksteditor og oprette en ny fil. Skriv en "<html>" åben-tag og en "</ html>" tæt tag, et "<head>" åben tag og en "</ head>" tæt tag, og en "<body>" åben-tag og en "</ body>" tæt tag i filen. Placer en åben "<script type =" text / javascript ">" tag og en nær "</ script>" tag mellem "<head>" og "</ head>" tags. De "<script>" og "</ script>" tags angiver, hvor at placere JavaScript-kode. Gem filen som "winLoc.html" i den samme placering som windowRemotePage.html. <Html> <head> <script type = "text / javascript"> </ script> </ head> <body> </ body> </ html>
• Rediger winLoc.html. Placer JavaScript-kode, der åbner en side mellem "<script>" og "</ script>" tags. Denne kode instruerer vinduet objekt for at indstille dens placering til den angivne side (windowRemotePage.html). Gem winLoc.html. <Html> <head> <script type = "text / javascript"> window.location = "windowRemotePage.html" </ script> </ head> <body> </ body> </ html>
• Åbn winLoc.html i en webbrowser. Den window.location kode vil udføre og windowRemotePage.html vil åbne og vise.
• Åbn en teksteditor og oprette en ny fil. Skriv nogle HTML-kode i filen, der skriver en besked på skærmen, der forklarer, at det er en side, der hedder ved hjælp af JavaScript. Navngiv siden documentRemotePage.html. Gem og luk documentRemotePage.html. <Html> <head> </ head> <body> <h1> Dette er en fjern side åbnes med JavaScript dokument objekt. </ H1> </ body> </ html>
• Åbn den teksteditor og oprette en ny fil. Skriv en "<html>" åben-tag og en "</ html>" tæt tag, et "<head>" åben tag og en "</ head>" tæt tag, og en "<body>" åben-tag og en "</ body>" tæt tag i filen. Gem filen som docLoc.html i den samme placering som documentRemotePage.html. <Html> <head> </ head> <body> </ body> </ html>
• Rediger docLoc.html og tilføj en "onload ()" hændelse til "<body>" tag. Den onload () begivenhed sætter dokumentets placering til documentRemotePage.html når sidens "<body>" tag belastninger i en webbrowser. Gem og luk docLoc.html. <Html> <head> </ head> <body onLoad = "document.location = 'documentRemotePage.html" "> </ body> </ html>
• Åbn docLoc.html i en webbrowser. Den onload () begivenhed vil udløse når siden indlæses og documentRemotePage.html vil åbne og vise.
• Åbn en teksteditor og oprette en ny fil. Skriv nogle HTML-kode i filen, der skriver en besked på skærmen, der forklarer, at det er den side, der kaldes ved hjælp af JavaScript. Navngiv siden newWindowRemotePage.html. Gem og luk newWindowRemotePage.html. <Html> <head> </ head> <body> <h1> Dette er en fjern side åbnes i et nyt vindue ved hjælp af JavaScript. </ H1> </ body> </ html>
• Åbn den teksteditor og oprette en ny fil. Skriv en "<html>" åben-tag og en "</ html>" tæt tag, et "<head>" åben tag og en "</ head>" tæt tag, og en "<body>" åben-tag og en "</ body>" tæt tag i filen. Placer en åben "<script type =" text / javascript ">" tag og en nær "</ script>" tag mellem "<head>" og "</ head>" tags. De "<script>" og "</ script>" tags angiver, hvor at placere JavaScript-kode. Gem filen som "winOpenLoc.html" i den samme placering som newWindowRemotePage.html. <Html> <head> <script type = "text / javascript"> </ script> </ head> <body> </ body> </ html>
• Rediger winOpenLoc.html. Placer en JavaScript-funktion, der åbner den fjerne side mellem "<script>" og "</ script>" tags. Denne funktion, der hedder "myNewWindow," åbner URL'en i et nyt vindue med specifikke egenskaber, når der kaldes. Gem winOpenLoc.html. <Html> <head> <script type = "text / javascript"> funktion myNewWindow () { window.open('newWindowRemotePage.html','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); } </ Script> </ head> <body> </ body> </ html>
• Fortsæt redigering winOpenLoc.html. Tilføj en knap mellem "<body>" og "</ body>" tags, der bruger "på Click ()" metode til at kalde "myNewWindow ()" funktion, når der klikkes. Giv knappen titlen "Klik mig". <Html> <head> <script type = "text / javascript"> funktion myNewWindow () { window.open('newWindowRemotePage.html','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); } </ Script> </ head> <body> <knappen onclick = "myNewWindow ()"> Klik på mig </ button> </ body> </ html>
• Åbn winOpenLoc.html i en webbrowser. Når siden indlæses, skal du klikke på knappen for at udløse "på Click ()" hændelse og kalder "myNewWindow ()" funktion. Filen "newWindowRemotePage.html" vil åbne og vise med det angivne vindue attributter.