Vad betyder java script. Ett exempel på placering av den färdiga JavaScript-koden i en separat fil.


Javascript är ett av programmeringsspråk, som vanligtvis används för programvara till applikationer. Ofta är det inbyggt i webbläsaren och är nödvändig för att göra webbsidor mer funktionella. Om JavaScript är avaktiverat av en eller annan anledning, kan sidan inte öppnas alls eller öppnas, men med betydande begränsningar eller fel. Till exempel kan vissa specifika text inte visas. Därför, om du inte vet hur du aktiverar det här språket i din webbläsare, överklagade du till adressen.

Mozilla Firefox.

  • I toppmenyn väljer du avsnittet "Verktyg" - "Inställningar".
  • Fönstret öppnade före dig på fliken "Basic". Du måste välja fliken Innehåll.
  • På toppen av fönstret kommer du att se flera saker, varav en kommer att kallas "använd javascript" - markera rutan bredvid den och klicka på OK.

  • Uppdatera sidan med F5-tangenten på tangentbordet.

UPPMÄRKSAMHET! Denna beskrivning är lämplig exklusivt för version under 22-versionen. Från version 23 är JavaScript inte nödvändigt - alternativet är aktiverat som standard.

Opera.

  • I övre vänstra hörnet klickar du på knappen "Verktyg" - "Inställningar" - "Allmänna inställningar".
  • En gång i menyn, gå till fliken "Avancerad" (det är femte gången).
  • I vänstra menyn klickar du på länken "Innehåll" och bredvid "Använd javascript" -objektet, markera rutan.

  • Klicka på OK och uppdatera sidan.

Google Chrome.

  • I övre högra hörnet finns en knapp som du kommer att se tre remsor - klicka på den och välj "Inställningar".
  • Bläddra ner till slutet och klicka på "Visa avancerade inställningar".
  • I avsnittet "Personlig information" ser du knappen "Innehållsinställningar" som du vill klicka.
  • Ett ytterligare fönster har öppnat. Hitta "Tillåt alla webbplatser att använda JavaScript för att använda JavaScript" och klicka på OK.

  • Starta om sidan i webbläsaren.

Internet Explorer.

  • Öppna webbläsaregenskaperna (detta kan göras både i webbläsaren själv genom menyn och använd datorns kontrollpanel).
  • Fönstret öppnas, du måste gå till fliken Säkerhet.
  • I nedre delen är det nödvändigt att klicka på knappen med inskriptionen "andra ...".
  • En stor lista har öppnats. Det är nödvändigt att nå avsnittet "Scenarier" och i underavsnittet "Aktiva skript" Lägg ett fält nära "Aktivera" -posten.

  • Klicka på OK, uppdatera sidan.

Apple Safari.

  • I menyn hittar du avsnittet "Inställningar".
  • Ett separat fönster har öppnats med flera flikar, bland annat du behöver öppna den som kallas "säkerhet".
  • Bredvid "Connect Javascript" -posten lägger vi ett fält och stänger fönstret.

  • Vi uppdaterar sidan genom att klicka på F5-tangenten.

Det bör noteras att alla versioner av de mest kända och populära webbläsarna idag ger stöd till JavaScript. De stöder den tredje upplagan av specifikationen, och i Mozilla Firefox var det till och med ett försök att stödja den fjärde upplagan. Som standard används nästan på alla JavaScript-webbläsare som standard, och det är vanligtvis kopplat av användaren av sig själv.

När det gäller användningen av språket är det nödvändigt att till exempel i vissa webbapplikationer, skript i webbläsare (vi pratar om speciella program som låter dig formatera sidor, fyll i formulär, gömma en del av innehållet och så vidare ), såväl som i Ajax (tillvägagångssättet till byggandet av applikationsgränssnitt, där datautbyte med servern sker i bakgrunden, så att sidan inte är helt omstartad, och själva ansökans funktion är endast accelererad).


Idag är det förmodligen ingen sådan plats som JavaScript inte skulle användas.

Användningen av detta skript har blivit så populärt att utan det är nu helt enkelt omöjligt att göra. Mer Paris Hilton och McDonalds idag, mest populära och berömda JavaScript.

Vad representerar han faktiskt?

Javascript är ett skriptspråk, vars syfte är att skapa interaktiva webbsidor. Det fungerar, som det är, utan att behöva kompilera, men helt enkelt anslutas till HTML-sidan. Förvirra inte det med Java - om namnen på dessa två språk är liknande betyder det inte att de är funktionellt relativa. Faktum är att det är mycket nära, till exempel till Ruby eller Python, men har sin egen Ecmascript-standard, och därför är det fortfarande separat från dem.

Vad kan javascript

Javascript kan mycket - till exempel är det möjligt att enkelt ändra elementens stilar, ta bort taggar eller lägga till nya. I det här fallet kan du sätta funktionen så att manuset reagerar på vissa händelser - antingen på musen eller tangenterna, eller började agera efter utgången av någon tid efter lastning. Och med AJAX kan du få uppdaterade data utan att återuppta sidan.

Javascript kan installera och läsa cookies, visa meddelanden, Windows, validera data och mycket mer. Hantlangare.

Javascript kan särskiljas av tre huvudfördelar, bland annat, till exempel tillgänglighet (som har studerat grunden för JavaScript, kan du enkelt förstå de flesta och alltid förbättra sina kvalifikationer). Universal support (de stöds i nästan alla datormedier, en modern dator kan den här), liksom fullständig integration med webbläsaren, tack vare vilken JavaScript blir ännu bekvämare och lätt att använda.

Som ett exempel kan du ta med teknik som VBScript, Xul och ActiveX - de stöds långt från varje webbläsare och fungerar endast i en viss miljö.

Och det är självklart omöjligt att glömma hastigheten och effektiviteten i JavaScript, mot bakgrunden, som det finns mycket många programmeringsspråk flexibla.

Det kommer inte att vara överflödigt att notera att den här tekniken fortsätter att utvecklas, och en snabb takt - har bara tid att gå i benet! Och på kort tid kommer en ny tolk att skapas tillsammans med JavaScript 2-teknik.

Värdighet

Javascript har många charmar, annars skulle det inte användas så aktivt. Användarens kärlek han förtjänade inte bara så. En av de viktigaste fördelarna är fortfarande interaktivitet, eftersom de flesta webbplatser är skrivna på detta språk. Det uppnås tack vare Ajax-verktyget, och det kommer att uppdateras med det själv, utan användarnas deltagande. Det är mycket bekvämt, till exempel på webbplatsens webbplatser. Det kommer att vara mycket användbart för inte de mest erfarna användarna - verklig hjälp från själva skriptet, som du använder. Vad kan det vara bättre?

Nu ska jag berätta lite om strukturen på detta språk.
  • Javascript har flera funktioner, bland annat är följande:
  • Identifierare är beroende av registret;
  • Namnen på variablerna kan innehålla "$" -symbolen, understrykning, siffror (men de kan inte börja med dem) och bokstäver;

Javascript programmeringsspråk Det är ett objektorienterat scenario språk som ursprungligen utvecklats av Netscape Communications som heter LiveScript, men sedan bytt namn på "JavaScript" och ta hänsyn till syntaxen närmare detta språk närmare Java Sun Microsystems Company. Javascript standardiserades senare av ECMA med titeln Ecmascript. Microsoft kallar sina JScript-versioner.

Ändra LiveScript-namnet på Javascript inträffade på ungefär samma tidpunkt då Netscape inkluderade stöd för Java-teknik i Netscape Navigator-webbläsaren. Denna förändring har gjort mycket förvirring i hemmet av studentprogrammering för nybörjare. Det finns ingen riktig koppling mellan Java och JavaScript, deras likhet börjar och slutar med liknande syntax och det faktum att båda språk används i stor utsträckning på Internet.

Javascript är ett objektorienterat scenario språk som interagerar genom gränssnittet som kallas dokumentobjektmodell (DOM) med innehåll, kan utföras på serverns sida (webbservrar) och på klientsidan i användarens webbläsare när du tittar på webbsidor. Många webbplatser använder JavaScript-teknik på klientsidan för att skapa kraftfulla dynamiska webbapplikationer i programmering för dummies. Det kan använda Unicode och kan använda hjälp och styrka av vanliga uttryck (detta introducerades i version 1.2 i Netscape Navigator 4 och Internet Explorer 4). Javascript-uttryck som finns i form av en sträng kan utföras med hjälp av Eval-funktionen.

En av de viktigaste uppgifterna för Javascript är små funktioner som är inbäddade i HTML-sidor och låter dig interagera med DOM från en webbläsare för att utföra vissa uppgifter som inte är möjliga i statisk HTML: Öppna ett nytt fönster, kontrollera de värden som anges i formuläret , ändra bilden när du svänger markörmössen etc. Tyvärr är skapandet av sådana funktioner ganska tråkigt yrke, eftersom webbläsarna inte är standardiserade, kan olika webbläsare skapa olika objekt eller scenarier, och därför är det ofta nödvändigt att skriva olika alternativ för JavaScript-funktionen för olika webbläsare, men det Det är inte särskilt bekvämt när du lär dig programmering.

JavaScript / Ecmascript stöds av sådana motorer som:

  • Noshörning.
  • Spindelapa.

Miljö

<-! ... -> Markup Comment krävs för att säkerställa att koden inte visas i form av text, i webbläsare som inte känner igen taggen, Tolkas som kod på detta språk. En av de viktigaste kommandon som används av programmering på JS - document.write () behövs för att skriva något i det aktuella dokumentet. För att inte vara ogrundad kommer jag att ge det enklaste exemplet:





Ring den här texten i "Notepad" och spara med HTML-förlängningen. Resultatet av den här koden kommer att vara utgången i webbläsarfönstret "Javascript är helt enkelt !!!". Du kommer att säga: "Kanske det kommer, och kanske kommer det att bli nej", och du kommer att bli rätt. Om din webbläsare inte stöder JS-utgången, så kommer du istället för texten att se en helt kod. Undvik visning av kod av sådana webbläsare, med en kommentar Tag från HTML -


En annan mycket viktig del av programmeringen i JS-språket är händelser och evenemangshanterare. Händelser initieras huvudsakligen av de eller andra användaråtgärderna. Varje åtgärd beskriver en separat typ av händelse. Antag, när du trycker på musknappen, kallas en händelse "klicka", när du passerar muspekaren för någon hypertextlänk - The Mouseover Event. För att programmet ska kunna svara på dessa händelser används speciella evenemangsbehandlingsprogram. Till exempel, ett program - en händelsehanterare som trycker på musknappen som heter OnClick och informerar den dator som du behöver göra om det här händelsen inträffar. För tydlighet skapar igen ett enkelt exempel. Skapa ett formulär som innehåller en knapp när du klickar på vilken fönstret för rullgardinsmenyn visas.



testsida





Genom att trycka på testknappen ringer texten med texten "Test!" (Figur 1). Tänk i detalj varje kommando i den här koden.

Team

Skapa något formulär med knappen. Attribut onclick \u003d "Alert (" Test är exekverat! ")" Bestämmer vad som händer när du klickar på musknappen. Således, om klickhändelsen inträffar, kommer datorn att ringa Alert ("Test exekveras!"). Alert () -funktionen skapar nedrullningsfönster. När det kallas måste du ställa in en viss rad i parentes, som kommer att visas i nedrullningsfönstret. Som det kan ses i koden används enkla citat i varningen () designen. Detta förklaras av det faktum att det i de flesta fall är möjligt att använda båda typerna av citat. Dessutom spelar det ingen roll, i vilken ordning används dem: först dubbel, och sedan singel eller vice versa. I vårt exempel används dubblarna först, och efter enstaka citat, och om vi applicerade designen av två dubbla citat -OlClick \u003d "Alert (" test! ")", Kunde datorn inte räkna ut skriptet, eftersom det inte kunde räkna ut. är oklart till vilken från de delar av designen är funktionen att bearbeta onclick-händelser relaterad, och som det finns nr.

Så, fönstret innehåller texten som överfördes av JS-alertfunktionen. Denna begränsning tillämpas av säkerhetsskäl. Fönstret () kan skapas och med hjälp av prompt () -metoden (se fig 2), men i det här fallet kommer fönstret att spela texten som anges av användaren, och därför kan skriptet skrivet av "onda hacker" ta Utsikten över systemmeddelandet och be om ett visst lösenord. I vårt fall är det klart att fönstret är skapat av webbläsaren, inte operativsystemet, och det är omöjligt att helt enkelt ta och ta bort det.

Ett mycket bekvämt verktyg i JS är funktioner som i de flesta fall används som ett sätt att associera flera kommandon tillsammans. Som ett visuellt exempel antar vi att du måste upprepa en viss tid någon sekvens av textlinjer. Med hjälp av den redan förvärvade kunskapen om JS-språket kan vi använda kommandot dokument.write och skulle få följande kod:



Det kan ses med det blotta ögat som designen är nödvändig. Uppbygga den här koden med funktionen:



Alla skriptkommandon som är inuti lockiga fästen hör till FreeFunc () -funktionen som skapats av oss. Nu är båda dokumentet () kommandon anslutna och kan slutföras när den angivna funktionen. Därefter kallar vi FreeFunc () tre gånger strax efter att de gav definitionen av själva funktionen. Detta kommer att leda till att funktionen kommer att slutföras tre gånger, d.v.s. Tre gånger kommer att skrivas ut båda raderna. Höjdpunkten är att möjligheten att sända variabler vid uppringning av en funktion ger skripten med äkta flexibilitet. Funktioner kan användas och i samband med händelsebehandlingsförfaranden. Du kan till exempel skapa en beräkningsfunktion (), som kommer att ha två variabler x och y, och resultatet av en matematisk verkan lagras i det rörliga resultatet. Det sista kommandot av funktionen kommer att indikera varning (resultat). Därefter kan funktionen Calc () ringas när du trycker på knappen ONCLICK \u003d "CALC ()", vilket innebär ett popup-fönster med resultatet av beräkningen.

Arbeta med fönster

En annan möjlighet till JavaScript-språk är öppnandet av nya fönster i webbläsaren. Dessutom har du möjlighet att hantera fönstret för att skapa fönstret. Till exempel kan du ange fönsterstorlek, om det nya fönstret ska ha en statusfält, verktygsfält eller meny. Listan över grundläggande parametrar visas i tabell 1.

Tabell 1. Grundläggande fönster skapande alternativ i JS

Tänk i praktiken ett exempel på att skapa ett nytt fönster i webbläsaren:










Som ett resultat av genomförandet av detta program kommer vi att få en knapp i webbläsaren när du klickar på vilket ett nytt fönster skapas med texten (se fig 3).

OpenWindow () -funktionen som skapas av oss öppnar ett nytt webbläsarfönster. Den första argumentfunktionen är öppen () är en tom sträng ("") - indikerar att vi i det här fallet inte vill ange en specifik webbadress, och JS är skyldig att skapa ett ytterligare nytt dokument. I skriptet definierar vi MyWindow-variabeln, som vi får tillgång till ett nytt fönster (använd för detta ändamål. Fönsternamnet (TestWindow) är inte möjligt i det här fallet). Det skapade fönstret har storleken på 300x100 pixlar och har varken statussträngen eller verktygsfältet eller menyn. Efter att ha öppnat fönstret inuti det, öppna dokumentobjektet för att visa text. Detta görs med hjälp av kommandot myWindow.document.open (). Här vädjar vi till att öppna () - metoden för dokumentobjektet. Detta kommando öppnar inte ett nytt fönster - det lagar bara dokument för det kommande utskriften. Var noga med att lägga in i dokumentet. Öppna () konsolen MyWindow för att få möjlighet att skriva ut i ett nytt fönster. Nästa, på skripttexten, bildas texten i det nya dokumentet och dess parametrar med hjälp av dokumentet. Skriv in (). För att göra detta, skriv till dokumentet Vanliga HTML-taggar. Du kan använda absolut alla HTML Hypertext Markup Language-taggar. Efter avslutad dokument () är det nödvändigt att stänga det, för vilket vi använder kommandot myWindow.document.Close ().

När vi öppnar fönstret måste vi använda tre argument:
myWindow \u003d öppen ("sida.htm", "TestWindow",
"Bredd \u003d 300, höjd \u003d 100, status \u003d nej, verktygsfält \u003d nej, menuar \u003d nej");

I det här exemplet anger vi en specifik webbadress (sida.html), och den andra parametern är namnet på fönstret. Att veta namnet på fönstret kan du ladda ner en ny sida med hjälp av posten

Samtidigt måste du ange namnet på motsvarande fönster, och om det här fönstret inte existerar, kommer den nya att skapas med det här namnet. Tillåt inte fel: MyWin-variabeln är inte alls namnet på fönstret, men bara med den här variabeln kan du komma åt den. Omfattningen av denna variabel är begränsad endast av det skript där det definieras. Men namnet på fönstret (TestWindow) är en unik identifierare som kan användas från någon av webbläsarfönstren. För att stänga fönstret, använd funktionen Stäng (), och allt annat är identiskt med att arbeta med funktionen Open ().

Statusfältet

I JS kan du skriva till webbläsarens statusfält - för detta är det tillräckligt att bara spela in önskad text i Windows.Status. Återigen, överväga tekniker för att arbeta med den här funktionen i exemplet. Skapa ett skript som, när du klickar på knappen, visar den angivna texten i statusfältet och när du klickar på den andra knappen - för att tvätta den:







onClick \u003d "StatBar (" på knappen trycks in); "\u003e
onclick \u003d "Statbar (" ");"\u003e


Genom att köra programmet i webbläsaren får vi en blankett med två knappar. När du trycker på knappen på Statbars visas knappen ON i statusfältet och knappen ON trycks in, och när du trycker på knappen OFF StatBar (Rensa text) rensas statusfältet (se bild 4).

Så har vi ett formulär med två knappar som båda orsakar funktionen StatBar (). När du trycker på Statbar-text, kallas funktionen
som följer: StatBar ("tryckt på knappen"). Text i citat och det finns texten som vi kommer att se i statusfältet. I sin tur förklarades StatBar () -funktionen enligt följande:

funktion Statbar (TXT) (
fönster.status \u003d txt;)

I funktionerna i parentes placerade vi (TXT). Det betyder att strängen som vi passerade den här funktionen är placerad i TXT-variabeln, och TXT-strängen är inmatad i statusfältet med kommandot Window.Status \u003d TXT. Följaktligen exekveras raderingen av text från statussträngen som en post i fönstret. Status av en tom sträng: (""). Att använda textinspelning i statusfältet är oändlig. Du kan lägga en förklaring av länken när du svänger på den muspekaren, skapar en löpande linje eller bara använda för att visa datum och tid.

Timer

Med hjälp av timerfunktionen (timeout) kan du utföra några kommandon efter den angivna tiden. Vi kommer att visa detta i följande skript:




Förvänta 3 sekunder. Ett fönster kommer att visas

Efter 3 sekunder efter att du har öppnat sidan visas ett popup-fönster med inskriptionen "Välkommen till sidan" MyHome "" (se bild 5).

SettimeOut () är fönstretobjektmetoden. Den är utformad för att ställa in tidsintervallet. Det första argumentet när du ringer är en JS-kod, som ska utföras efter den angivna tiden (i vårt fall är det alert ()). Det andra argumentet används för att ange när denna kod ska utföras. Samtidigt anges tiden i millisekunder.

Freuma

Webbläsarfönstret kan brytas i flera separata ramar. Ram i allmän koncept är ett fält i form av en rektangel. Var och en av ramarna visar innehållet i sitt eget dokument. Att skapa ramar är fortfarande en uppgift för HTML-språk, men vi överväger kortfattat de viktigaste punkterna i den här processen på JS-språket. Taggar används för att skapa ramar och . I följande exempel skapar du ett skript som delar webbläsarsidan för 5 ramar och kör en separat sida till var och en av dem:













Resultatet av utförandet av detta skript presenteras i fig. 6.

I Freym. Vi använder egenskapen Rows and Cols och frågar procentsatsen av ramen som ockuperas av ramar i webbläsarfönstret. Raderegenskapen innebär att ramar kommer att placeras över varandra, och kolven är mittemot varandra. Du kan också ställa in ramstorleken i pixlar, för vilka nog efter att numret inte ställt in symbolen%. I teg Ange länken till den nedladdningsbara sidan, och namnattributet ställer in det unika namnet på ramen. Det är möjligt att ställa in tjockleken på gränsen mellan ramar. För att göra detta, använd taggen Gränsparametern och ställa in det värde (som standard gräns \u003d 0). Tänk på hur JavaScript "ser" ramar som finns i webbläsarfönstret. För att göra detta, låt oss vända oss till de fönster som skapats av oss ovan. JS organiserar ramar som presenteras på webbsidan, i form av en viss hierarkisk struktur, på vilken webbläsarfönstret är beläget. I vårt fall är det trasigt med fem ramar. Fönstret som ett objekt är således en källa till denna hierarki, och ramarna är respektive sina efterkommande. Vi har tilldelat unika namn med dessa ramar: Frame1, Frame2 ... Frame5. Med hjälp av dessa namn kan vi utbyta information med de angivna ramarna. Antag att du måste aktivera en viss länk i den första ramen, men motsvarande sida ska inte laddas i samma ram och i en annan. Ett exempel på en sådan uppgift kan vara en kartor över en meny eller så kallade navigationspaneler, där en ram alltid är oförändrad, men har flera olika länkar för navigering. Fördjupa inte in i studien av hierarkin, skapa ett exempel på att navigera på webbplatsen med ramar. I en ram skapar vi flera länkar. När du aktiverar någon av dem kommer motsvarande sida inte att placeras i samma ram, men i närliggande. Först, skapa ramarna själva:







Därefter skapa en enkel html sida "start.htm":


startsida
Detta är startsidan på vår webbplats.

Och navigeringspanelmenyn:






Sida 1
Sida 2.
Webbplatskarta

Här ser vi flera sätt att ladda ner den nya sidan i huvudramen. Den första länken för detta ändamål använder funktionen LOAD ():
Sida 1

I den här raden, istället för att explicit ladda ner en ny sida, erbjuder vi en webbläsare för att utföra JavaScript-kommandot - för detta använder vi JavaScript-parametern istället för den vanliga href. Därefter sänder vi "1.htm" som argumentet för belastningsfunktionen, och själva belastningsfunktionen är bestämd enligt följande:

funktionsbelastning (URL) (
parent.main.location.href \u003d url;)

Inuti fästena skrivs URL-adressen. I vårt exempel betyder det att "1.htm" -strängen när du ringer funktionen är inmatad i URL-variabeln. Och den här nya variabeln kan nu användas när du arbetar inuti belastningsfunktionerna.

Den andra länken använder målparametern. Detta är inte längre JavaScript-kod, men en av designerna på HTML-språket. Vi anger helt enkelt namnet på den önskade ramen och är inte skyldiga att sätta ordet förälder före namnet på den angivna ramen. Om du behöver bli av med ramar med funktionen Load () måste du skriva i det bara föräldraskap.lokering.href \u003d URL. Resultatet av utförandet av vårt skript presenteras i FIG. 7.

Vilket av de föreslagna nedladdningsalternativen som ska användas beror på ditt skript och uppgifter som det måste genomföra.
På detta kommer den första bekanta med JavaScript-språket att övervägas. I följande material kommer vi att titta på fördefinierade objekt och former, skapa på klocksidan, överväga att arbeta med bildobjektet, liksom lite berörda lager och modell av händelser.

Pavel Kuchinsky, [E-post skyddad]







2021. gtavrl.ru..