1 / 10

JavaScript i externe filer

JavaScript i externe filer. JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var indlagt i dokumentet. <script type="text/javascript” src=”myscripts.js”> </script>

halona
Télécharger la présentation

JavaScript i externe filer

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. JavaScript i externe filer JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var indlagt i dokumentet. <script type="text/javascript” src=”myscripts.js”> </script> Der kan godt hentes ind fra flere steder, ligesom der samtidig også kan suppleres med indlejret JavaScript i dokumentet.

  2. Fejlhåndtering try { // Kode der kan fejle } catch(err) { // fejlhåndtering f.eks. alert("Error description: " + err.description); }

  3. Events - musseposition • Musse-events kan bruges til sjove ting (Her: Internet Explorer) • <script type="text/javascript"> • document.onmousemove=flyt; // flyt metode når mus flyttes i window • function flyt() • { • var x = event.clientX; • var y = event.clientY; • x = x+10; • y = y+10; • document.all.knap1.style.position = "absolute"; • document.all.knap1.style.left = ""+x; • document.all.knap1.style.top = ""+y; • window.status=x+" : "+y; • } • </script> • <html> • <body> • <input id="knap1" type=button value="knappen" style="position: absolute" /> • </body> • </html> • Se mere her: http://www.javascriptkit.com/jsref/event.shtml

  4. Indgriben når felt forlades med med tastatur eller mus • Et lille script der ændrer til uppercase når felt forlades med tastatur eller mus. • <html> • <head> • <script type="text/javascript"> • function upperCase() • { • var x=document.all["fname"].value; • document.all["fname"].value = x.toUpperCase(); • } • </script> • </head> • <body>Enter your name: • <input type="text" id="fname" onmouseout="upperCase();" onblur="upperCase();"> • </body> • </html>

  5. Ingriben i load og unload • En drilleside – noget der tit bruges på nettet for at påtvinge at man bliver på en side • <script type="text/javascript"> • this.id = "drillewindue"; • var nyWindow = null; • function luk () // public metode på winduet • { • alert("lukker også andet window"); • if (nyWindow!=null)nyWindow.close(); • } • function createNewDoc() • { • var windowURL = ""; • var windowID = ""; • var windowProperty = 'left=20,top=20,width=500,height=500,toolbar=0,resizable=0'; • nyWindow = this.open(windowURL,windowID,windowProperty); • nyWindow.document.write('<htlm><body onunload="lukny();">Window der ikke er til at lukke</body></html>'); • nyWindow.document.close(); • nyWindow.lukny = function() // public metode på winduet • { • alert("du må ikke lukke dette window"); • createNewDoc (); • } • } • </script> • <html> • <body onunload="luk()" onload="createNewDoc()"> • Drille window der åbner window der ikke kan "lukkes" • </body> • </html>

  6. Udskiftning af html/tekst elementer • html/tekt indhold kan udskriftes med properties • eks. på body • document.body.innerHTML =”<br>nyt indhold<br>”; • document.body.innerText =”Nyt indhold”; • er også god at bruge i forbindelse med objekterne af typen div og span der ligesom forms kan indeholde flere elementer.

  7. Udskiftning af html/tekst elementer • function onMouseOverSpan(overspan){ document.all.overspan.innerHTML=”………..”; • } • …. • </script> • <body> • <span id=’sp1’ onmouseover=’ onMouseOverSpan(”sp1”);’> • …………… • </span>

  8. Gennemløb af properites på objekt • txt= "---------------------------------------------<br>" • +"objektets properties<br>" • +"navn - type - værdi for properties<br>" • +"---------------------------------------------<br>"; • for (prop in myobject) • { • txt += prop+" - "+typeof(myobject[prop])+" - ” + myobject[prop]+"<br>"; • } • txt += "** slut på properties<br>";

  9. objektsamlinger på document • all - samling af alle objekter på dokument • forms • applets • images • frames

  10. flere muligheder - applets • Det er muligt at bruge en applets public metoder fra JavaScript. • Dette åbner mulighed for f.eks. at kunne lave filbehandling m.m.

More Related