Slik konverterer Javascript for å en JS-fil

Som en webutvikler, kan du legge inn Java direkte inne i et HTML-dokument eller konvertere Javascript i en JS-fil. Flytte JS kode til en ekstern fil har flere fordeler. Ved å holde alle Javascript-funksjoner i en egen fil, kan du legge en eneste linje med kode til HTML-dokument for å gjøre disse tilgjengelige funksjoner til dokumentet. Holde Javascript i eksterne filer holder også HTML-koden organisert og lesbar, spesielt hvis Javascript inneholder mange funksjoner. Konvertering Javascript for å en JS-fil krever bare et par klipp-og-lim-operasjoner.

Bruksanvisning

1 Start Notepad og åpne et HTML-dokument som inneholder Javascript-kode.

2 Finn denne koden. Det vises mellom to HTML skriptkodene som ligner på eksempelet nedenfor:

<Script>
alert ( "dette er Javascript-kode ');
</ Script>

Teksten mellom disse kodene - "alert ( 'Dette er Javascript-kode')" - er koden du ville flytte til en ekstern JS-fil i dette eksempelet.

3 Marker koden som vises mellom de to skriptkodene som vises i dokumentet. Høyreklikk den uthevede teksten og deretter på "Cut" for å kutte teksten fra dokumentet og kopiere den til utklippstavlen i Windows.

4 Lansere en ny forekomst av Notepad. Notepad viser et nytt dokument. Høyreklikk inne dokumentet og klikk "Lim inn" for å lime inn Javascript-koden du kopierte.

5 Trykk "CTRL" og "S" for å åpne vinduet Lagre som. Skriv inn et navn for JS-filen i Filnavn-tekstboksen. Tilføy "JS" til slutten av filnavnet. For eksempel, hvis du ønsker å gi navn til filen "JS1," føyer "JS" til slutten av det navnet, slik at det lyder som følger:

JS1.js

6 Klikk "Lagre" for å lagre filen. Gå tilbake til den andre Notepad forekomsten som inneholder HTML-dokumentet. Legg til følgende kode i dokumentet hode seksjon:

<Script language = "Javascript" src = "INSERT JS FILE NAME HERE"> </ script>

Erstatt "SETT JS FILE NAME HERE" med navnet på JS-filen du lagret. Når du viser HTML-dokumentet i en nettleser, vil dokumentet bruke Javascript-kode som er lagret i den eksterne JS-fil.

Hint

  • Legg til så mange eksterne Javascript-filer til HTML-dokumentet som du vil. Mange nettsteder gjør det. Ved å opprette flere eksterne JS-filer, kan du gruppere relaterte Javascript-funksjoner sammen og legg dem bare etter behov til HTML-dokumenter krever funksjonaliteten de tilbyr.