JavaScript Tutotial Point PDF

7/4/2016
JavaScript Tu t ot ial Poin t
JOBS4TIMES
JavaScriptTutorialPoint
Agenda:
1. IntroductiontoJavaScript
2. JavaScriptCommentsandStatements
3. JavaScriptVariables
4. JavaScriptDifferentTypesofVariables
5. JavaScriptUsingVariableswithStrings
6. JavaScriptFunctions
7. JavaScriptUsingParameterswithFunctions
8. JavaScriptFunctionswithMultipleParameters
9. JavaScriptThereturnStatement
10. JavaScriptCallingaFunctionFromAnotherFunction
11. JavaScriptGlobalLocalVariables
12. JavaScriptMathOperators
13. JavaScriptAssignmentOperators
14. JavaScriptifStatement
15. JavaScriptifelseStatement
16. JavaScriptNestingandFridays!
17. JavaScriptComplexConditions
18. JavaScriptswitch
19. JavaScriptforLoop
20. JavaScriptwhileLoop
21. JavaScriptdowhile
22. JavaScriptEventHandlers
23. JavaScriptonMouseOveronLoad
24. JavaScriptObjects
25. JavaScriptCreatingOurOwnObjects
26. JavaScriptObjectInitializers
27. JavaScriptAddingMethodstoOurObjects
28. JavaScriptArrays
h t t p://jobs4t im es.com /javascript /in dex.h t m l
1/14
7/4/2016
29. JavaScriptOtherWaystoCreateArrays
30. JavaScriptArrayPropertiesandMethods
31. JavaScriptjoinandpop
32. JavaScriptreverse,push,sort
33. JavaScriptAddArrayElementsUsingaLoop
34. JavaScriptCoolTechniquetoPrintArrayElements
35. JavaScriptAssociativeArrays
36. JavaScriptMathObjects
37. JavaScriptDateObjects
38. JavaScriptAccessingForms
39. JavaScriptAccessingFormElements
40. JavaScriptSimpleFormValidation
IntroductiontoJavaScript
<body>
<scripttype="text/javascript">
<!
document.write("WelcometoJavaScript")
//>
</script>
</body>
JavaScriptCommentsandStatements
<body>
//commentgoeshere
/*
Thisismultilinecomment
*/
</script>
</body>
JavaScriptVariables
<body>
varx=234
document.write(x)//234
document.write(X)//nooutput
</script>
</body>
2/14
7/4/2016
JavaScriptDifferentTypesofVariables
<body>
varcap=234
document.writeln(cap)
varrap=12.23456
document.writeln(rap)
vartap=12.23456
document.writeln(tap)
varnap="TextHere<br>"
document.writeln(nap)
vartext="swamysaid,\"StrengthisLifeWeaknessisDeath\""
document.write(text)
vartext1=null
document.write(text1)
vartext2=false
document.write(text2)
</script>
JavaScriptUsingVariableswithStrings
<body>
varname="Ashok"
varage=25
document.writeln(name+"ismynameandageis:"+age)
</script>
</body>
JavaScriptFunctions
<body>
functionfun(){
alert("Hai")
}
fun()
3 /14
7/4/2016
</script>
</body>
<body>
functionfun(){
alert("Hai")
}
</script>
<form>
<inputtype="button"value="TouchMe"onclick="fun()">
</form>
</body>
JavaScriptUsingParameterswithFunctions
<body>
functionfun(x){
alert("ILove:"+x)
}
fun("Ashok")
</script>
<body>
functionfun(x){
alert("ILove:"+x)
}
fun("Ashok")
fun("Cricket")
fun("Footboll")
</script>
</body>
JavaScriptFunctionswithMultipleParameters
<body>
functionapples(one,two){
document.write(one+"isbetterthan"+two+"<br/>")
}
apples("Ashok","Akash")
apples("Movies","Videos")
apples("Coconut","Grapes")
4/14
7/4/2016
</script>
</body>
JavaScriptThereturnStatement
<body>
functionfunReturn(){
return"veryeasy"
}
document.write(funReturn())
</script>
</body>
<body>
functionaddNumbers(a,b){
varc=a+b
returnc
}
document.write(addNumbers(23,56))
</script>
</body>
JavaScriptCallingaFunctionFromAnotherFunction
<body>
functiondoFirst(){
document.write("I'mFirst!")
}
functiondoSecond(){
document.write("I'mSecond")
}
functionstart(){
doFirst()
doSecond()
}
start()
</script>
</body>
<body>
functiondoFirst(){
document.write("I'mFirst!")
doSecond()
}
functiondoSecond(){
document.write("I'mSecond")
doFirst()
5 /14
7/4/2016
doFirst()
</script>
</body>
output:Infiniteloop
JavaScriptGlobal,LocalVariables
<body>
varflower="rose"
functionfly(){
varflower="rose1"
document.write(flower)
}
fly()
document.write(flower)
</script>
</body>
JavaScriptMathOperators
<body>
varcount=12+23+23
document.write(count+"<br>")
varcount=12+23234
varcount=8/2
varcount=23%3
varcount=23
count=count+1
varcount=23
count++
varcount=23
count
</script>
</body>
JavaScriptAssignmentOperators
<body>
6/14
7/4/2016
varcount=23
count%=34
varcount=23
count/=5
varcount=23
count*=7
varcount=23
count+=7
count=7
count/=7
count*=7
count%=7
document.write(count)
</script>
</body>
JavaScriptifStatement
<body>
varcount=23
vartemp=23
if(count==temp){
document.write("Yait'swork")
}
</script>
</body>
Note:Insteadof==weareusing!=,<,<=,>,>=.thesewillbeworkfine
JavaScriptifelseStatement
<body>
varblue=23
varred=23
if(blue==red){
document.write("conditionistrue")
}
else{
document.write("conditionidfalse")
}
</script>
</body>
7/14
7/4/2016
JavaScriptNestingandFridays!
<body>
varfirstName="Ashok"
varlastName="Aggidi"
if(firstName=="Ashok"){
if(lastName=="Aggidi"){
document.write("WelcometoAshokAggidi")
}
else{
document.write("WelcometoSomeOther")
}
}
</script>
</body>
JavaScriptComplexConditions
<body>
varfirstName="Ashok"
varlastName="Aggidi"
if((firstName=="Ashok")&&(lastName=="Aggidi")){
document.write("WelcometoAshokAggidi")
}
</script>
</body>
JavaScriptswitch
<body>
vargirl="beauty"
switch(girl){
case"beauty":
document.write("Sheisbeauty")
break
case"rosy":
document.write("Sheisrosy")
break
default:
document.write("Itisdefault")
}
</script>
</body>
8 /14
7/4/2016
JavaScriptforLoop
<body>
for(x=0x<10x++){
document.write("welcometoJS"+"<br>")
}
</script>
</body>
JavaScriptwhileLoop
<body>
varx=1
while(x<10){
document.write(x+"welcometoJS<br>")
x++
}
</script>
</body>
JavaScriptdowhile
<body>
varx=11
do{
document.write(x+"welcometoJS<br>")
x++
}while(x<=10)
</script>
</body>
JavaScriptEventHandlers
<form>
<inputtype="button"value="TouchMe"onclick="alert('Hai')alert('Hello')"/>
</form>
JavaScriptonMouseOveronLoad
<ahref="http://jobs4times.com"onmouseover="alert('mouseover')">Mouseover!</a>
<br><br>
<ahref="http://jobs4times.com"onmouseout="alert('mouseout')">Mouseout!</a>
<bodyonload="alert('YoursiteisLoaded')">
texttexttexttexttexttext
</body>
<bodyonunload="alert('GoodBye!')">
texttexttexttexttexttext
</body>
JavaScriptObjects
9/14
7/4/2016
<body>
varname="HaiI'mAshok"
document.write(name.length)
</script>
</body>
JavaScriptCreatingOurOwnObjects
<html>
<head>
functionperson(name,age){
this.name=name
this.age=age
}
varashok=newperson("AshokTimes",25)
varjobs=newperson("JobsTimes",27)
</script>
</head>
<body>
document.write(ashok.name)
document.write(ashok.age+"<br>")
document.write(jobs.name)
document.write(jobs.age)
</script>
</body>
</html>
JavaScriptObjectInitializers
<html>
<head>
james={name:"JamesTimes",age:25}
jobs={name:"jobsTimes",age:20}
</script>
</head>
<body>
document.write(james.name+"loves"+jobs.name+"becausesheis"+jobs.age)
</script>
</body>
</html>
JavaScriptAddingMethodstoOurObjects
<html>
<head>
functionpeople(name,age){
this.name=name
this.age=age
this.yearsUntilRetire=yearsLeft
10/14
7/4/2016
}
functionyearsLeft(){
varnumYears=65this.age
returnnumYears
}
varjames=newpeople("JamesOne",25)
varjocobs=newpeople("jocobsroberts",55)
</script>
</head>
<body>
document.write(jocobs.yearsUntilRetire())
</script>
</body>
</html>
JavaScriptArrays
<body>
varmobile=newArray("Aircel","Airtel","BSNL","TataDocomo","Vodofone")
document.write(mobile+"<br>")
document.write(mobile[4])
</script>
</body>
JavaScriptOtherWaystoCreateArrays
<body>
varmobile=newArray(4)
mobile[0]="Airtel"
mobile[1]="BSNL"
mobile[2]="TataDocomo"
mobile[3]="Vodofone"
</script>
</body>
<body>
varmobile=newArray()
mobile[0]="Airtel"
mobile[1]="BSNL"
mobile[2]="TataDocomo"
mobile[3]="Vodofone"
</script>
</body>
11/14
7/4/2016
JavaScriptArrayPropertiesandMethods
<body>
varmobile=newArray("Airtel","BSNL","IDEA")
varcity=newArray("HYD","Bang","Chennai")
varmobileCities=mobile.concat(city)
document.write(mobileCities[5]+"<br>")//Chennai
varcitiMobiles=city.concat(mobile)
document.write(citiMobiles[5])//IDEA
</script>
</body>
JavaScriptjoinandpop
varmobile=newArray("Airtel","BSNL","IDEA")
varstring1=mobile.join("")
document.write(string1)//AirtelBSNLIDEA
document.write("<br>")
varmovies=newArray("BadMen","Xmen","IronMen")
document.write(movies[2]+"<br>")
movies.pop()
document.write(movies[2])
</script>
JavaScriptreverse,push,sort
varmobile=newArray("Airtel","IDEA","BSNL")
mobile.reverse()
mobile.push("Aircel","Tata")
mobile.sort()
varstring1=mobile.join()
document.write(string1)
</script>
JavaScriptAddArrayElementsUsingaLoop
varpie=prompt("Enteryourname:","")
document.write("Hello"+pie)
</script>
varcity=newArray(3)
for(i=0i<3i++){
city[i]=prompt("AddsomethingtoArray:"+"")
}
document.write(city[0]+city[1]+city[2])
</script>
12/14
7/4/2016
JavaScriptCoolTechniquetoPrintArrayElements
varstuff=newArray("mobiles","movies","videos","songs")
stuff.sort()
for(i=0i<stuff.lengthi++){
document.write(stuff[i]+"<br>")
}
</script>
JavaScriptAssociativeArrays
varjohny=newArray()
johny["food"]="Pizza"
johny["color"]="red"
document.write("johnyfavoratefoodis:"+johny["food"])
</script>
JavaScriptMathObjects
document.write(Math.PI+"<br>")
document.write(Math.E+"<br>")
varn=prompt("EnteraNumber")
varanswer=Math.sqrt(n)
document.write("Thesqrtof"+n+"is:"+answer)
</script>
JavaScriptDateObjects
functionprintTime(){
varnow=newDate()
varhours=now.getHours()
varminutes=now.getMinutes()
varseconds=now.getSeconds()
varmilliSec=now.getMilliseconds()
document.write(now+"<br>")
document.write(hours+":"+minutes+":"+seconds+":"+milliSec+"<br>")
}
setInterval("printTime()",1000)
</script>
JavaScriptAccessingForms
<body>
<form>
UserName:<inputtype="text"/>
<inputtype="button"value="Submit"/>
</form>
13 /14
7/4/2016
varx=document.forms[0].length
document.write(x)
</script>
</body>
JavaScriptAccessingFormElements
<body>
<formname="registerForm">
UserName:<inputtype="text"name="username"/>
Password:<inputtype="password"name="password"/>
<inputtype="button"value="Submit"/>
</form>
varx=document.forms[0].elements[0].name
document.write(x+"<br>")
vary=document.forms[0].elements[1].name
document.write(y+"<br>")
varz=document.registerForm.username.name
document.write(z+"<br>")
</script>
</body>
JavaScriptSimpleFormValidation
<html>
<head>
functionvalidator(){
if(document.registerForm.box.checked)
alert("Yes!It'sChecked")
else
alert("It'snotChecked")
}
</script>
</head>
<body>
<formname="registerForm">
<inputtype="checkbox"name="box"/>
<inputtype="button"value="PressMe!"onclick="validator()"/>
</form>
</body>
</html>
BACK
14/14

JavaScript Tutotial Point PDF

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

JavaScript Tutotial Point PDF

Hochgeladen von

Copyright:

Verfügbare Formate

7/4/2016

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

h t t p://jobs4t im es.com /javascript /in dex.h t m l

JavaScript Tu t ot ial Poin t

h t t p://jobs4t im es.com /javascript /in dex.h t m l

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

h t t p://jobs4t im es.com /javascript /in dex.h t m l

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

JavaScript Tu t ot ial Poin t

h t t p://jobs4t im es.com /javascript /in dex.h t m l

Das könnte Ihnen auch gefallen