Javascript Output Manipulasjon

Ved hjelp av Javascript-funksjoner, kan utviklere manipulere resultatet innhold på en nettside. Javascript Den gir en rekke ressurser for å kontrollere og endre innholdet i en HTML-side. Javascript-funksjoner kan vises innen side hode og kropp seksjoner, kalt enten når siden lastes, eller på en bestemt bruker hendelse. Javascript-funksjoner kan bruke Dokumentobjekt eller HTML-elementet for å manipulere innholdet en side utganger for brukerne.

Script Seksjoner

Javascript-kode kan styre produksjonen fra hodet og kroppen deler av en side. Følgende eksempelkode demonstrerer et skript seksjon for Javascript-funksjoner som kan vises enten i hodet delen, mellom åpning og lukking hodet kodene, eller i kroppen delen mellom åpning og lukking body tags:
<Script type = "text / javascript">
Javascript-funksjoner her //
</ Script>

Alternativt kan Javascript-kode vises i en egen fil som er lagret med "JS" som sin forlengelse, knyttet til i hodet området på siden som følger:
<Script type = "text / javascript" src = "sitefunctions.js"> </ script>

Den "src" attributtet angir plasseringen av skriptfilen i forhold til websiden. Funksjoner i en egen fil kan manipulere siden produksjonen på samme måte som de som er oppført på siden dokumentet.

dokument~~POS=TRUNC

Javascript-kode i HTML kroppen delen kan skrive innhold direkte inn i en webside. Disse script delene kan inneholde linjer med Javascript-kode for leseren å prosess som det gjør på siden når brukeren besøker det. Javascript-koden Eksemplet nedenfor viser en vanlig teknikk for å skrive utgang innhold:
document.write ( "<p> Her er noen sideinnhold </ p>");

Denne koden vil føre til at HTML-innhold, spesifisert som en parameter til Document objektets skrive funksjon, for å vises på innsiden av siden kroppen delen. Denne nye innholdet vil vises sammen med noen andre HTML markup oppført før og etter skriptkodene på siden. Funksjonen kan bruke data ervervet gjennom behandling som følger:
Var i dag = new Date ();
document.write ( "<div> I dag er:" + dag + "</ div>");

Dette tillater utviklerne å sette inn dynamisk innhold på en side.

element innhold

Javascript-funksjoner kan manipulere innholdet i eksisterende HTML-elementer etter at nettleseren har lastet siden. Følgende eksempel funksjon kan vises i et skript seksjon på siden hodet, eller i et eget script-fil:
funksjon insertContent (elem, innhold) {
Var theElement = document.getElementById (elem);
theElement.innerHTML = innhold;
}

Denne funksjonen tar parametere som representerer ID egenskap av elementet og ønsket nytt innhold. Funksjonen får da en referanse til elementet bruker-ID, før du skriver innholdet i elementet ved hjelp av "innerhtml" eiendom. Dette vil erstatte eksisterende innhold i element.

dynamiske funksjoner

Javascript-funksjoner kan kjøres på ulike brukerhendelser. Utviklere kan instruere spesifikke HTML-elementer til å oppdage brukermedvirkning, kalle funksjoner hvis dette samspillet foregår på følgende måte:
<Div id = "contentdiv" onclick = "insertContent (this.id, 'nytt innhold')"> Original innhold </ div>

Når brukeren klikker dette elementet, vil nettleseren kalle den angitte funksjon, passerer de parameterverdier. Funksjonen vil da utføre. Sluttresultatet er at HTML-elementet vil vise passert teksten "nytt innhold" i stedet for den opprinnelige innhold.