JavaScript Examples презентация, доклад

Слайд 1JavaScript Examples

Слайд 2Getting the date
var d = new Date()

document.write(d.getDate() + "/") document.write((d.getMonth() + 1) +

"/") document.write(d.getFullYear())
27/09/2004

Getting the date var d = new Date() document.write(d.getDate() +

Слайд 3Getting and formatting the date
var d=new Date()

var weekday=new Array("Sunday", "Monday", "Tuesday",

"Wednesday", "Thursday", "Friday","Saturday") var monthname=new Array("Jan", "Feb", "Mar","Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec") document.write(weekday[d.getDay()] + ", ") document.write(monthname[d.getMonth()] + " " + d.getDate() + ", ") document.write(d.getFullYear())
Monday, Sep 27, 2004

Getting and formatting the date var d=new Date() var weekday=new Array(

Слайд 4Getting a random number
The following code gets a random floating-point

number between 0 and 1:
document.write(Math.random())
0.728762788388911

Getting a random numberThe following code gets a random floating-point number between 0 and 1:

Слайд 5Getting a random integer
The following code gets a random integer

between 1 and 10:
var max = 10;

number=Math.random()*max + 1; document.write(Math.floor(number));

5

Getting a random integerThe following code gets a random integer between 1 and 10: var

Слайд 6Displaying an alert box
The following code displays an alert box

when a button is clicked:
// Buttons can only occur

within forms

Displaying an alert boxThe following code displays an alert box when a button is clicked: // Buttons

Слайд 7Telling what happened
In my Concise JavaScript, part 2, I have

code that shows what events occur when the user takes

various actions
In the of the HTML page I define:

For each form element, I have a handler for every (plausible) event

Telling what happenedIn my Concise JavaScript, part 2, I have code that shows what events occur when

Слайд 8Telling what happened (Button)

'onmouseup');" onClick="tell(this.name,'onclick');" onDblClick="tell(this.name,'ondblclick');" onFocus="tell(this.name, 'onfocus');" onBlur="tell(this.name, 'onblur');" onMouseOver="tell(this.name, 'onmouseover');" onMouseOut="tell(this.name, 'onmouseout');" onChange="tell(this.name, 'onchange');" onKeyPress="tell(this.name,

'onkeypress');" onKeyDown="tell(this.name, 'onkeydown');" onKeyUp="tell(this.name, 'onkeyup');" onSelect="tell(this.name, 'onselect');" onReset="tell(this.name, 'onreset');" >