Informatie tonen
Informatie tonen in JavaScript
Om in JavaScript informatie te tonen op je webpagina's, kun je niet volstaan met het intikken van de informatie tussen de script-tags. Je moet het standaardobject document gebruiken, met de methode write().
Opdracht om informatie te tonen in een pagina
De opdracht om informatie te tonen bestaat uit de objectnaam window dan het object document en dan de methode write() met tussen de haakjes de parameters.
Als je informatie wilt tonen in hetzelfde venster als waarin de interactieve pagina staat, dan moet je het moederobject window weglaten. Dus;
| document.write(parameter1, parameter2) |
Als parameters gebruik je de gegevens die je wilt tonen; numerieke waarde ,strings, maar ook variabelen, eigenschappen van objecten en obdrachten en opdrachten voor objecten. Je kunt alle soorten parameters combineren (maar je moet ze wel scheiden door een comma).
Informatie tonen met de opdracht document.write()
Als je bij de opdracht document.write() als parameter een numerieke waqarde of een string gebruikt, worden die getoond zoals je ze intikt.
Gebruik je een variabele of een eigenschap van een object, dan wordt de waarde daarvan getoond. Gebruik je een opdracht voor een object, dan krijg je het resultaat, Wil je de numerieke waarde 33 toenen, dan typ je;
Wil je de string Maroon5 in Brussel tonen, dan tik je;
| document.write("Maroon5 in Brussel") |
Als je de waarde van een variabele wilt tonen dan tik je;
variabelenaam="Sunday Morning"
document.write(variabelenaam) |
Als de waarde van de eigenschap href van het object location(informatie over de volledige URL van het document) in je pagina wilt gebruiken, dan tik je;
document.write
("de volledige URL van deze site is;" ,
location.href
|
Informatie in een nieuw browser-venster tonen
Wil je in een nieuw browser-venster informatie tonen, dan moet je de opdracht document.write() laten voorafgaan door de variabelenaam van het venster. Zoals;
variabeleVensternaam=window.open
variabeleVensternaam.document.write("Sunday Morning") |
Wil je in het nieuw geopende browser-venster een nieuwe pagina openen om daarin tekst te tonen, dan moet je twee opdrachten gebruiken, document.open() om de pagina te openen en document.close() om het tonen af te sluiten.
variabeleVensternaam=window.open()
variabeleVensternaam.document.open()
variabeleVensternaam.docement.write("Sunday Morning")
variabeleVensternaam.document.close() |
Tekst opmaken
Tekst in document.write-opdrachten kun je op dieverse manieren opmaken, vormgeven en voorzien van bijzondere tekens.
Aanhalingstekens in tekst tonen
Je kunt in tekst die je in de browser wilt tonen niet zomaar aanhalingstekens gebruiken. De aanhalingstekens zijn immers gereserveerd om strings te maken. Als je in de tekst dubbele aanhalingstekens wilt tonen, moet je de string zelf tussen enkele aanhalingstekens zetten. OF omgekeerdm dus de string tussen dubbele aanhalingstekens zetten als je in de tekst enkele aanhalingstekens wilt tonen;
| document.write('Hij zei; "Dank je wel!"') |
Tekst in opdracht document.write() opmaken met tags
In een script mag je nooit tags gebruiken. Tussen de script-tags mogen alleen JavaScript opdrachten staan. De uitzondering op deze regel is de opmaak van tekst die je toont mag met de opdracht document.write("string"). In de string in de parameterslijst mag je wel tags gebruiken. Zoals;
| document.write("Joël - <B> Beheerder van sitemasters.be </B>") |
Lange teksten plaatsen
Als je een lange tekst wilt plaatsen, kun je die tekst over meerdere schrijfopdrachten verdelen. Je kunt ook de tekst over meerdere regels tikken; zet strings per regel tussen aanhalingstekens, met tussen de regels een + teken (tussen de parameters mag je voor of na de komma in de parameterlijst afbreken).
Einde
Zo dan zijn we nu aan het einde gekomen van deze tutorial, enige vragen kun je aan mij stellen door mij een private message te sturen en als het echt belangrijk is vraag je maar voor mijn msn adres.
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
(4) 