JavaScript är ett klient - side programmeringsspråk som många webbdesigners använder för att manipulera layout , text och bilder på en webbsida . JavaScript kan användas för att ändra storlek på ett typsnitt när användaren klickar på en knapp eller när sidan laddas . Detta är användbart när du vill göra en del av sidans innehåll sticker ut . För att göra typsnittet större , är innehållet insvept i en " div " taggen och JavaScript -koden kommer att göra typsnittet större inom det blocket av HTML . Instruktioner 1
Öppna din HTML- sida i en textredigerare . Du kan använda en enkel , vanlig textredigerare som Notepad för att redigera JavaScript , eller så kan du använda mer avancerade program som Notepad + + , Visual Studio och Dreamweaver . 2
Wrap en div-tagg runt texten du vill redigera . Detta gör att du kan ändra teckenstorlek på ett visst område i din webbsida utan att förvränga layout med en global teckenstorlek förändring . Koden nedan skapar en div som heter " myDiv " :
Min hemsida text < /div > Addera 3
Skapa JavaScript-funktionen . Om du vill ändra en teckenstorlek i din div-taggen , måste du ställa in " Teckenstorlek " egendom . Koden nedan ändrar div s Teckenstorlek: funktion changeSize ( ) { . Document.getElementById ( " myDiv " ) fontSize = " 12px " ; } 4
Lägg till en knapp på sidan för att låta användaren välja att ändra teckenstorlek . För att lägga till knappen och kallar den nya JavaScript -funktionen , använd koden nedan : 5
Spara filen och öppna sidan i din webbläsare . Testa den nya koden genom att klicka på knappen . Den teckenstorleken ökar i div -taggen .
