100 likes | 199 Views
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>
E N D
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.
Fejlhåndtering try { // Kode der kan fejle } catch(err) { // fejlhåndtering f.eks. alert("Error description: " + err.description); }
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
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>
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>
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.
Udskiftning af html/tekst elementer • function onMouseOverSpan(overspan){ document.all.overspan.innerHTML=”………..”; • } • …. • </script> • <body> • <span id=’sp1’ onmouseover=’ onMouseOverSpan(”sp1”);’> • …………… • </span>
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>";
objektsamlinger på document • all - samling af alle objekter på dokument • forms • applets • images • frames
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.