1.ה- DOM : סקירה כללית

2. תכונות ה-Document

3. מסמכים דינמיים

4. טפסים

5. תמונות

6. קישורים

7. ישומונים ומידע משובץ

<FORM NAME ="f1">
<INPUT TYPE ="button" VALUE ="push Me">
</FORM>

document.forms[0]	// התיחסות לטופס ע"י מיקום במסמך
document.f1	// התיחסות לטופס ע"י שם 

alinkColor

anchors

applets

bgColor

cookie

domain

embeds

fgColor

forms[ ]

images[ ]

lastModified

linkColor

links[]

location

referrer

title

URL

vlinkColor

http://developer.netscape.com/docs/manuals
               /communicator/jsguide4/colors.htm

<HR>
<FONT SIZE=1>
Document:    <I><SCRIPT> document.Write(document.title);        </SCRIPT></I><BR>
URL:         <I><SCRIPT> document.write(document.URL);          </SCRIPT></I><BR>
Last Update: <I><SCRIPT> document.write(document.lastModified); </SCRIPT></I>
</FONT>

<SCRIPT>
if(document.referrer == "" || document.referrer.indexOf("mysite.com") == -1)
   window.location = http://home.mysite.com;
</SCRIPT>

<SCRIPT>
parent.frames[0].document.open();
parent.frames[0].document.write("<HR>Hello from your sibling frame!<HR>");
parent.frames[0].document.close();
</SCRIPT>

document.write('Hello, ' + username + "welcome to my home page!");

document.write('Hello, ' ,username,"welcome to my home page!");

<img id="animation"> <FORM> <INPUT TYPE=button VALUE="Start" onClick="if(timeout_id==null && num_loaded_images==10) animate()"> <INPUT TYPE=button VALUE="Stop" onClick="if(timeout_id)clearTimeout(timeout_id); timeout_id=null;"> </FORM>

<SCRIPT>

// ספירת מספר התמונות שנטענו כאשר המספר יהיה שווה ל- 10, תתחיל האנימציה

function count_images()
 {
   if(++num_loaded_images == 10) animate();
 }

var num_loaded_images = 0;

var images = new Array(10);
for(var i=0; i < 10; i++)
 {
   // Image יצירת אובייקט
  images[i] = new Image();  

   // event handler הצבת ה         
  images[i].onload = count_images;   

  // לטעינה URL ה 
  images[i].src = "images/" + i + " .gif";    
 }
	
function animate()  // הפונקציה המבצעת את האנימציה.
 {
  document.animation.src = images[frame].src;
  frame = (frame+1) %10;
  // הדפסת המסגרת הבאה מאוחר יותר
  timeout_id = setTimeout("animate()",250);    
 }
  // שמירת המסלולשל המסגרת של האנימציה
  var frame = 0;   

  // זה מאפשר את הפסקת האנימציה
  var timeout_id = null;    
</SCRIPT>

<! כפתורים לשלוט על האנימציה >

<FORM>
  <INPUT TYPE=button VALUE="Start" 
     onClick="if (timeout_id == null && num_loaded_images == 10) animate()"> 
  <INPUT TYPE=button VALUE="Stop" 
     onClick = "if(timeout_id) clearTimeout(timeout_id); timeout_id=null;">
</FORM>

function listlinks()
{
 d=window.document;
 var newwin = window.open("","linklist","menubar,scrollbars,resizable,width=600,height=300");
 for(vari=0; i < d.links.length; i++)
 {
   newwin.document.write('<A HREF=" ' +d.links[i].href+ ' ">')
   newwin.document.write(d.links[i].href);
   newwin.document.writeln("</A><BR>");
  }
 newwin.document.close();
}		

<A HREF = "about:"
onMouseOver = "status = 'Take a chance... Click me...'; return true;" 
onMouseOut = "status = ' '" 
onClick = "this.href =document.links[Math.floor(Math.random() * document.links.length)]">
	Random Link
</A>		

<APPLET NAME="animation" CODE="Animation.class" WIDTH=500 HEIGHT=200>
</APPLET>
<FORM>
   <INPUT TYPE=button VALUE="Start" onClick="document.animation.start()">
   <INPUT TYPE=button VALUE="Stop"  onClick="document.animation.stop()">
</FORM>