Enviar pesquisa
Carregar
Lab#12 java script
•
0 gostou
•
468 visualizações
P
palm2816
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 14
Baixar agora
Baixar para ler offline
Recomendados
Lab#13 responsive web design
Lab#13 responsive web design
palm2816
Lab#9 graphic color
Lab#9 graphic color
palm2816
Lab#4
Lab#4
palm2816
Calender
Calender
Mjjeje Mint
Lab#11 tableand form
Lab#11 tableand form
palm2816
Lab#5
Lab#5
palm2816
Lab8
Lab8
palm2816
Test Upload from PHP 04.
Test Upload from PHP 04.
dtammanoon
Recomendados
Lab#13 responsive web design
Lab#13 responsive web design
palm2816
Lab#9 graphic color
Lab#9 graphic color
palm2816
Lab#4
Lab#4
palm2816
Calender
Calender
Mjjeje Mint
Lab#11 tableand form
Lab#11 tableand form
palm2816
Lab#5
Lab#5
palm2816
Lab8
Lab8
palm2816
Test Upload from PHP 04.
Test Upload from PHP 04.
dtammanoon
Seasion5
Seasion5
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Seasion7
Seasion7
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session1+2
Session1+2
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session3
Session3
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session8
Session8
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session4
Session4
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Php & mysql
Php & mysql
แค่ผ่านมา และผ่านไป
Phptraining
Phptraining
phochai
การเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTML
Mjjeje Mint
สมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google drive
Pakornkrits
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
Mjjeje Mint
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
Pakornkrits
Php training
Php training
Channarong Janpanich
การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6
Sara Zara
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
Pakornkrits
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
Samart Phetdee
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Thapwaris Chinsirirathkul
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
Kon Bannok
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
Pakornkrits
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
Pakornkrits
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
Withoon Wangsa-Nguankit
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
Phranakornsoft
Mais conteúdo relacionado
Destaque
Seasion5
Seasion5
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Seasion7
Seasion7
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session1+2
Session1+2
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session3
Session3
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session8
Session8
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Session4
Session4
สอนทำโปรเจคจบ วิทคอมไอทีคอมธุรกิจ
Php & mysql
Php & mysql
แค่ผ่านมา และผ่านไป
Phptraining
Phptraining
phochai
การเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTML
Mjjeje Mint
สมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google drive
Pakornkrits
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
Mjjeje Mint
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
Pakornkrits
Php training
Php training
Channarong Janpanich
การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6
Sara Zara
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
Pakornkrits
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
Samart Phetdee
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Thapwaris Chinsirirathkul
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
Kon Bannok
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
Pakornkrits
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
Pakornkrits
Destaque
(20)
Seasion5
Seasion5
Seasion7
Seasion7
Session1+2
Session1+2
Session3
Session3
Session8
Session8
Session4
Session4
Php & mysql
Php & mysql
Phptraining
Phptraining
การเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTML
สมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google drive
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
ความรู้เบื้องต้นเกี่ยวกับสื่อสิ่งพิมพ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
Php training
Php training
การใช งานโปรแกรม Dreamweaver cs6
การใช งานโปรแกรม Dreamweaver cs6
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
Semelhante a Lab#12 java script
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
Withoon Wangsa-Nguankit
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
Phranakornsoft
การเขียน Java script ร่วมกับ html
การเขียน Java script ร่วมกับ html
Nunnaphat Chadajit
Javascripts
Javascripts
Nunnaphat Chadajit
ภาษา java sript
ภาษา java sript
CC Nakhon Pathom Rajabhat University
Web Accessibility Coding
Web Accessibility Coding
Boonlert Aroonpiboon
Proposal
Proposal
Sasithorn Chinnatad
Ch10
Ch10
burin rujjanapan
นุ๊ก
นุ๊ก
sirinet
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
sirinet
โบ
โบ
sirinet
Best
Best
sirinet
หมวย
หมวย
sirinet
ดรีม
ดรีม
sirinet
หมวย
หมวย
sirinet
หวิว
หวิว
ViewMik
Yuu
Yuu
sirinet
Ten
Ten
sirinet
New
New
sirinet
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Satapon Yosakonkun
Semelhante a Lab#12 java script
(20)
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
การเขียน Java script ร่วมกับ html
การเขียน Java script ร่วมกับ html
Javascripts
Javascripts
ภาษา java sript
ภาษา java sript
Web Accessibility Coding
Web Accessibility Coding
Proposal
Proposal
Ch10
Ch10
นุ๊ก
นุ๊ก
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
โบ
โบ
Best
Best
หมวย
หมวย
ดรีม
ดรีม
หมวย
หมวย
หวิว
หวิว
Yuu
Yuu
Ten
Ten
New
New
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Mais de palm2816
Lab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rollovers
palm2816
Lab7
Lab7
palm2816
Lab#6
Lab#6
palm2816
Java script 9786169103004_ch02
Java script 9786169103004_ch02
palm2816
Lab#3
Lab#3
palm2816
Lab#2
Lab#2
palm2816
Lab#1 good bad design
Lab#1 good bad design
palm2816
Mais de palm2816
(7)
Lab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rollovers
Lab7
Lab7
Lab#6
Lab#6
Java script 9786169103004_ch02
Java script 9786169103004_ch02
Lab#3
Lab#3
Lab#2
Lab#2
Lab#1 good bad design
Lab#1 good bad design
Lab#12 java script
1.
LAB#12 JavaScript 322432 Web
Design Technology 1
2.
JavaScript คือ ภาษาสคริป ที่อยูในเว็บไซต
ใชรวมกับ HTML เพื่อใหเว็บไซตสามารถตอบสนอง ผูใชงานไดมากขึ้น ขอดี > - ใชทรัพยากรนอย ประมวลผลจะเร็วกวาเฟช - ชวยในการตอบสนองผูใช เชน การตรวจเช็คขอมูลที่เรากรอกขอมูล การตรวจสอบขอมูลผูใช - JavaScript สราง Cookies (เก็บขอมูลของผูใชในคอมพิวเตอรของผูใชเอง) ได 2
3.
Start JavaScript <html> <head> <meta http-equiv="Content-Type"
content="text/html; charset=utf-8" /> <script language="javascript"> document.write("Hello World"); </script></head> <body> <h3><span class="style1">สวัสดีค่ะ</span> ^^</h3> </body></html> 3
4.
Method Method Description document.write
เขียนขอความในเพจ history.back เรียกไปยังเพจที่อยูกอนหนาใน history history.forward เรียกไปยังเพจที่อยูถัดไปใน history window.open เปดวินโดวของบราวเซอรขึ้นมาใหม 4
5.
Property Property Description document.bgcolor
สีพื้นหลัง (background) ของเพจ document.lastModified วัน เวลาที่เพจถูกปรับปรุงแก้ไขล่าสุด document.title หัวเรื่องของเพจปกติจะแสดงออกมาบนไตเติลบาร์ document.location url ของเพจซึ่งการกําหนด url ให้กับ property จะเป็นการ เปลี่ยนทิศทางบราวเซอร์ไปยังเพจอื่น window.outerWidth , window.outerHeight ความกวางและความสูงของพื้นที่แสดงผลในบราวเซอร window.status ขอความบนแถบสถานะ ใชไดกับ IE เทานั้น 5
6.
Property (cont.) Property Description
navigator.appName ชื่อโปรแกรมบราวเซอรที่ผูใชใชอยูขณะนั้น navigator.appVersion เวอรชั่นของบราวเซอรที่ผูใชใชอยูขนณะนั้น navigator.useAgent รายละเอียดเพิ่มเติมเกี่ยวกับบราวเซอรที่ผูใชใชอยูขณะนั้น ที่มา : http://xvlnw.com/?p=1840&preview=true <script language="javascript" src="script.js"></script> แทรกสคริปในสวนของ head 6
7.
Example … <script language="javascript" > //เรียกใชเมธอด
write ของอ็อบเจ็ก document โดยใหแสดงคาที่เปน title ออกมา //การเชื่อมสตริงใน JavaScript จะใชเครื่องหมาย "+” document.write("หัวเรื่อง คือ <b>" + document.title + "</b>"); //เปนการแสดงขอมูลตางๆเกี่ยวกับเบราเซอร document.write("<hr><b>ขอมูลเกี่ยวกับบราวเซอรที่คุณใชอยู</b><br><br>"); document.write("ชื่อโปรแกรมบราวเซอร: " + navigator.appName + "<br>"); document.write("เวอรชั่น: " + navigator.appVersion + "<br>"); document.write("รายละเอียดเพิ่มเติม: " + navigator.userAgent); </script></head><body> <h3>ทดสอบ JavaScript</h3> … 7
8.
Example2 Validate Form <script
language="javascript"> function fncSubmit() { if(document.order.name.value == "”) { alert('กรุณากรอกชื่อด้วยค่ะ'); document.order.name.focus(); return false; } if(document.order.tel.value == "”) { alert('กรุณากรอกเบอร์โทรติดต่อด้วยค่ะ'); document.order.tel.focus(); return false; } } </script> <form name="order" onSubmit="JavaScript:return fncSubmit();" > name: <input type="text" name="name"/> <br /> phone: <input type="text" name="tel"/> <br /> <input type="submit" name="submit" /> </form> 8
9.
HTML5 News Input
type Input Color Example3 <html> <body> <form action="demo_form.asp"> Select your favorite color: <input type="color" name="favcolor"> <br> <input type="submit"> </form> </body> </html> 9
10.
HTML5 News Input
type Input Type: date <html> <body> <form action="demo_form.asp"> Birthday: <input type="date" name="bday"> <input type="submit"> </form> </body> </html> TEST Birthday (date and time): <input type="datetime" name="bdaytime"> 10
11.
HTML5 News Input
type Input Type Email Email: <input type=“email” name=“uemail”> Input Type Number Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5"> 11
12.
HTML5 News Input
type Input Type Search <html> <body> <form action="demo_form.asp"> Search Google: <input type="search" name="googlesearch"><br> <input type="submit"> </form> </body> </html> Link 12
13.
Example 13
14.
คําสั่ง ใหนักศึกษานำเอา งานจาก LAB#11
มาปรับปรุง โดยใช Validate Form โดยใช JavaScript ตกแตง และใช HTML5 ในการใชงานดวย 14
Baixar agora