Bài tập thực hành JavaScript

Nội dung text: Bài tập thực hành JavaScript

1. Ebook được upload tại www.viet-ebook.co.cc Bài tập thực hành JavaScript 1. Bài Tập 1: Tạo Giao Diện Như Sau Yêu cầu : Khi Click chuột vào Radio Button thì có các thông điệp (Message) tương ứng 1: 2: 3: 2. Bài tập 2 Khi Click chuột vàonút Message thì hiện lên câu chào 3.BàI tập 3 Chào tạm biệt Khi đóng cửa sổ trình duyệt hoặc chuyển sang trang Web khác thì xuất hiện lời chào tạm biệt Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
2. Ebook được upload tại www.viet-ebook.co.cc Click the back to see the Example Click the back to see the Example! 4. Bài tập 4 Yêu cầu ; Khi nhấp vào liên kết thì Windows hỏi .Nếu OK thì ta link dến trang đó ,không thì ta không là gì cả function rusure(){ question = confirm("YOUR CONFIRM MESSAGE") if (question !="0"){ top.location = "YOUR LINK GOES HERE" } } Now put this anywhere in your page and change YOUR LINK DESCRIPTION Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
3. Ebook được upload tại www.viet-ebook.co.cc 5.Bài tập 5 Hãy tạo một chương trình máy tính điện tử như sau : function a_plus_b(form) { a=eval(form.a.value) b=eval(form.b.value) c=a+b form.ans.value = c } function a_minus_b(form) { a=eval(form.a.value) b=eval(form.b.value) c=a-b form.ans.value=c } function a_times_b(form) { a=eval(form.a.value) b=eval(form.b.value) c=a*b form.ans.value=c } function a_div_b(form) { a=eval(form.a.value) b=eval(form.b.value) c=a/b form.ans.value = c } function a_pow_b(form) { a=eval(form.a.value) b=eval(form.b.value) c=Math.pow(a, b) form.ans.value = c } E:\button\windowsizer_.htm Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
4. Ebook được upload tại www.viet-ebook.co.cc = 6.bàI tập 6: Tạo một chương trình mô tả Lịch để bàn như sau : Next Step Software - Java Script Number - 14 <! Begin monthnames = new Array("January","Februrary","March","April","May","June", "July","August","September","October","November","Decemeber"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
5. Ebook được upload tại www.viet-ebook.co.cc linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces "); document.write(" " + monthnames[thismonth] + " " + thisyear + " "); document.write(" "); document.write(" Su "); document.write(" M "); document.write(" Tu "); document.write(" W "); document.write(" Th "); document.write(" F "); document.write(" Sa "); document.write(" "); document.write(" "); for (s=0;s "); } Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
6. Ebook được upload tại www.viet-ebook.co.cc count=1; while (count "); for (c=0;c "); count++; } document.write(" "); document.write(" "); startspaces=0; } document.write(" "); // End > 7.Bài tập 7 Gửi thư Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
7. Ebook được upload tại www.viet-ebook.co.cc Khi Click vào link hoặc button thì cho phép ta nhập vào địa chỉ người nhận và subject. 8.Bài tập 8 Viết chương trình cho phép link dến một trang Web khác trong đó cho phép tuỳ chọn các đối tượng Window Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
8. Ebook được upload tại www.viet-ebook.co.cc Please choose from the following selections to customize your window : URL : Toolbar : Location : Directories : Status : Menubar : Scrollbars : Resizable : Width : Height Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
9. Ebook được upload tại www.viet-ebook.co.cc 10. Bài 10 . kiểm tra tính hợp lệ của thông tin nhập vào Name: Age: 11. BàI tập 11. Tạo dòng chữ chạy trên thanh trạng thái: Welcome to Total Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
10. Ebook được upload tại www.viet-ebook.co.cc 100) { seed ; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed 0) { for (c=0 ; c Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
11. Ebook được upload tại www.viet-ebook.co.cc 12. BàI tập 12 Tạo dòng chữ chạy trong TextBox E:\javascripts\scrolls\classic_.htm Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
12. Ebook được upload tại www.viet-ebook.co.cc 13.Ví dụ 13. Tạo ngày tháng chạy trên thanh trạng thái E:\scrolls\classic_.htm <! Begin var osd = " " osd +="This is yet another JavaScript Scroll example "; osd +="from the good folks at The JavaScript Source. "; osd +="This one has the date and time at the front."; osd +="Did you notice? It's coming around again, look! "; osd +=" "; var timer; var msg = ""; function scrollMaster () { msg = customDateSpring(new Date()) clearTimeout(timer) msg += " " + showtime() + " " + osd for (var i= 0; i < 100; i++){ msg = " " + msg; } scrollMe() } function scrollMe(){ window.status = msg; msg = msg.substring(1, msg.length) + msg.substring(0,1); timer = setTimeout("scrollMe()", 200); } function showtime (){ var now = new Date(); var hours= now.getHours(); var minutes= now.getMinutes(); var seconds= now.getSeconds(); var months= now.getMonth(); var dates= now.getDate(); var years= now.getYear(); var timeValue = "" Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
13. Ebook được upload tại www.viet-ebook.co.cc timeValue += ((months >9) ? "" : " ") timeValue += ((dates >9) ? "" : " ") timeValue = ( months +1) timeValue +="/"+ dates timeValue +="/"+ years var ap="A.M." if (hours == 12) { ap = "P.M." } if (hours == 0) { hours = 12 } if(hours >= 13){ hours -= 12; ap="P.M." } var timeValue2 = " " + hours timeValue2 += ((minutes < 10) ? ":0":":") + minutes + " " + ap return timeValue2; } function MakeArray(n) { this.length = n return this } monthNames = new MakeArray(12) monthNames[1] = "Janurary" monthNames[2] = "February" monthNames[3] = "March" monthNames[4] = "April" monthNames[5] = "May" monthNames[6] = "June" monthNames[7] = "July" monthNames[8] = "August" monthNames[9] = "Sept." monthNames[10] = "Oct." monthNames[11] = "Nov." monthNames[12] = "Dec." daysNames = new MakeArray(7) daysNames[1] = "Sunday" daysNames[2] = "Monday" daysNames[3] = "Tuesday" daysNames[4] = "Wednesday" daysNames[5] = "Thursday" daysNames[6] = "Friday" daysNames[7] = "Saturday" function customDateSpring(oneDate) { Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
14. Ebook được upload tại www.viet-ebook.co.cc var theDay = daysNames[oneDate.getDay() +1] var theDate =oneDate.getDate() var theMonth = monthNames[oneDate.getMonth() +1] var dayth="th" if ((theDate == 1) || (theDate == 21) || (theDate == 31)) { dayth="st"; } if ((theDate == 2) || (theDate ==22)) { dayth="nd"; } if ((theDate== 3) || (theDate == 23)) { dayth="rd"; } return theDay + ", " + theMonth + " " + theDate + dayth + "," } scrollMaster(); // End > 14. Ví dụ 14. Tạo dòng chữ bay vào thanh trạng tháI từng chữ cái một <! Begin function scroll(jumpSpaces,position) { var msg = "Another JavaScript Example! Do you like it?" var out = "" if (killScroll) {return false} for (var i=0; i<position; i++){ Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
15. Ebook được upload tại www.viet-ebook.co.cc out += msg.charAt(i)} for (i=1;i 3) { jumpSpaces *= .75} else { jumpSpaces } if (position != msg.length) { var cmd = "scroll(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,5); } else { scrolling = false return false} return true; } function startScroller() { if (scrolling) if (!confirm('Re-initialize snapIn?')) return false killScroll = true scrolling = true var killID = window.setTimeout('killScroll=false',6) scrollID = window.setTimeout('scroll(100,0)',10) return true } var scrollID = Object var scrolling = false var killScroll = false // End > Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
16. Ebook được upload tại www.viet-ebook.co.cc 15.Bài tập 15 Tạo 3 button như sau : Create a New Window 16.BàI tập 16 Cửa sổ tự trượt var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=window.pageYOffset if (alt==0) Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
17. Ebook được upload tại www.viet-ebook.co.cc alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+1 else currentpos=window.pageYOffset+1 window.scroll(0,currentpos) } else{ currentpos=0 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",10) } window.onload=initialize 17. Bài tập 17 Tạo Combo box có fulldown menu } E:\button\pushme_.htm Go to Metacrawler Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
18. Ebook được upload tại www.viet-ebook.co.cc Altavista Webcrawler Lycos The JavaScript Source 18 Bài tập 18 Tạo hiệu ứng ; khi đưa chuột vào thí xuất hiện ảnh khác khi đưa ra khỏi ảnh thì hiện ảnh cũ Document Title onMouse Over onMouse Out Pass the mouse over the images Check out the script! See how easy this function is. 19. Bài tập 19 Tạo nút bấm khi người dùng bấm vào thì hiện mã nguồn chương trình Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
19. Ebook được upload tại www.viet-ebook.co.cc 20.Bài tập 20 Sử dụng Cookies để đếm số lần truy cập trang Web 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 Bài tập thực hành Javascript _Nguyễn Hữu Tuấn
20. Ebook được upload tại www.viet-ebook.co.cc } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } // End > E:\cookies\name_.htm " + amt() + " times.") // End > Bài tập thực hành Javascript _Nguyễn Hữu Tuấn