THANH DIEN IT

1. Bài tập thực hành JavaScript1. Bài Tập 1:Tạo Giao Diện Như SauYêu cầu : Khi Click chuột vào Radio Button thì có các thông điệp (Message) tương ứng<FORM><p>1:<INPUT TYPE="radio" NAME="radio" value="Bạn chọn số 1" onClick="alert(value)">2:<INPUT TYPE="radio" NAME="radio" value=" Bạn chọn số 2 " onClick="alert(value)">3:<INPUT TYPE="radio" NAME="radio" value=" Bạn chọn số 3” onClick="alert(value)" ></form>2. Bài tập 2Khi Click chuột vàonút Message thì hiện lên câu chào<form><input type="button" value="message" onClick="alert(How are you); return true"></form>3.BàI tập 3 Chào tạm biệtKhi đóng cửa sổ trình duyệt hoặc chuyển sang trang Web khác thì xuất hiện lờichào tạm biệtBài tập thực hành Javascript _Nguyễn Hữu Tuấn

2. <html><head><title>Click the back to see the Example</title><meta name="GENERATOR" content="Copyright Next Step Software 1998 (c)"></head><body onUnload="window.alert(This Message Appears When you exit a page!!!!!!!)"><form> <p><input TYPE="button" VALUE=" BACK " onClick="history.go(-1)"> </p></form><p>Click the back to see the Example!</p></body></html>4. Bài tập 4Yê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ả http://www.cidnet.vn<script>function rusure(){ question = confirm("YOUR CONFIRM MESSAGE") if (question !="0"){ top.location = "YOUR LINK GOES HERE" }}</script>Now put this anywhere in your page and change YOUR LINK DESCRIPTION<a href="" onClick="rusure(); return false;">YOUR LINK DESCRIPTION</a>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

3. 5.Bài tập 5Hãy tạo một chương trình máy tính điện tử như sau :<html><head><script LANGUAGE="JavaScript">function a_plus_b(form) {a=eval(form.a.value)b=eval(form.b.value)c=a+bform.ans.value = c}function a_minus_b(form) {a=eval(form.a.value)b=eval(form.b.value)c=a-bform.ans.value=c}function a_times_b(form) {a=eval(form.a.value)b=eval(form.b.value)c=a*bform.ans.value=c}function a_div_b(form) {a=eval(form.a.value)b=eval(form.b.value)c=a/bform.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}</script><title>E:buttonwindowsizer_.htm</title></head>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

4. <body><form name="formx"> <p><input type="text" size="4" value="12" name="a"> <input type="button" value=" + " onClick="a_plus_b(this.form)"> <input type="button" value=" - " onClick="a_minus_b(this.form)"> <input type="button" value=" x " onClick="a_times_b(this.form)"> <input type="button" value=" / " onClick="a_div_b(this.form)"> <input type="button" value=" ^ " onClick="a_pow_b(this.form)"> <input type="number" size="4" value="3" name="b"> =<input type "number" value="0" name="ans" size="9"> </p></form></body></html>6.bàI tập 6:Tạo một chương trình mô tả Lịch để bàn như sau :<html><head><title>Next Step Software - Java Script Number - 14</title><meta name="GENERATOR" content="(c) 1998 Copyright Next Step Software"></head><body><script LANGUAGE="JavaScript"><!-- Beginmonthnames = 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. 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 < 50) ? (2000 + thisyear) : (1900 + thisyear));if (((thisyear % 4 == 0)&& !(thisyear % 100 == 0))||(thisyear % 400 == 0)) monthdays[1]++;startspaces=thisdate;while (startspaces > 7) startspaces-=7;startspaces = thisday - startspaces + 1;if (startspaces < 0) startspaces+=7;document.write("<table border=2 bgcolor=white ");document.write("bordercolor=black><font color=black>");document.write("<tr><td colspan=7><center><strong>"+ monthnames[thismonth] + " " + thisyear+ "</strong></center></font></td></tr>");document.write("<tr>");document.write("<td align=center>Su</td>");document.write("<td align=center>M</td>");document.write("<td align=center>Tu</td>");document.write("<td align=center>W</td>");document.write("<td align=center>Th</td>");document.write("<td align=center>F</td>");document.write("<td align=center>Sa</td>");document.write("</tr>");document.write("<tr>");for (s=0;s<startspaces;s++) {document.write("<td> </td>");}Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

6. count=1;while (count <= monthdays[thismonth]) {for (b = startspaces;b<7;b++) {linktrue=false;document.write("<td>");for (c=0;c<linkdays.length;c++) {if (linkdays[c] != null) {if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {document.write("<a href="" + linkdays[c][2] + "">");linktrue=true; } }}if (count==thisdate) {document.write("<font color=FF0000><strong>");}if (count <= monthdays[thismonth]) {document.write(count);}else {document.write(" ");}if (count==thisdate) {document.write("</strong></font>");}if (linktrue)document.write("</a>");document.write("</td>");count++;}document.write("</tr>");document.write("<tr>");startspaces=0;}document.write("</table></p>");// End --></script></body></html>7.Bài tập 7Gửi thưBài tập thực hành Javascript _Nguyễn Hữu Tuấn

7. 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.<HEAD><SCRIPT LANGUAGE="JavaScript"></SCRIPT><BODY><CENTER><a href=javascript:mailsome1()>E-Mail Someone!</a><FORM><input type=button value="E-Mail Someone!" onClick="mailsome1()"></FORM></CENTER>8.Bài tập 8Viế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 WindowBài tập thực hành Javascript _Nguyễn Hữu Tuấn

8. <HEAD><SCRIPT LANGUAGE="JavaScript"></SCRIPT><BODY><CENTER><h4>Please choose from the following selections to customize your window</h4><br><TABLE cellpadding=5 border><TR><TD><PRE><FORM name=form1 ACTION="javascript:" METHOD="POST"><INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL<INPUT TYPE="checkbox" NAME="tool">: Toolbar<INPUT TYPE="checkbox" NAME="loc_box">: Location<INPUT TYPE="checkbox" NAME="dir">: Directories<INPUT TYPE="checkbox" NAME="stat">: Status<INPUT TYPE="checkbox" NAME="menu">: Menubar<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars<INPUT TYPE="checkbox" NAME="resize">: Resizable<INPUT TYPE="text" NAME="wid" value= >: Width<INPUT TYPE="text" NAME="heigh" value=>: Height<BR><CENTER><INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)"><INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

9. </PRE></TD></TR></TABLE></FORM></CENTER>10. Bài 10 . kiểm tra tính hợp lệ của thông tin nhập vào<HEAD><SCRIPT LANGUAGE="JavaScript"></SCRIPT><BODY><FORM name="testform" onSubmit="return validate()">Name:<input type="text" size=30 name="Name">Age:<input type="text" size=3 name="age"><input type="submit" value="Submit"></FORM>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. <html><head><script LANGUAGE="JavaScript"></script><title></title></head>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

11. <body onLoad="scrollit(100)"></body></html>12. BàI tập 12Tạo dòng chữ chạy trong TextBox<script language="JavaScript">  </script><html><head><title>E:javascriptsscrollsclassic_.htm</title></head><body onLoad="textticker()">Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

12. <form name="tickform"> <p><input type="text" name="tickfield" size="40"></p></form></body></html>13.Ví dụ 13.Tạo ngày tháng chạy trên thanh trạng thái<html><head><title>E:scrollsclassic_.htm</title></head><body><script LANGUAGE="JavaScript"><!-- Beginvar 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? Its coming around again, look! ";osd +=" ";var timer;var msg = "";function scrollMaster () {msg = customDateSpring(new Date())clearTimeout(timer)msg += " " + showtime() + " " + osdfor (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. timeValue += ((months >9) ? "" : " ")timeValue += ((dates >9) ? "" : " ")timeValue = ( months +1)timeValue +="/"+ datestimeValue +="/"+ yearsvar ap="A.M."if (hours == 12) {ap = "P.M."}if (hours == 0) {hours = 12}if(hours >= 13){hours -= 12;ap="P.M."}var timeValue2 = " " + hourstimeValue2 += ((minutes < 10) ? ":0":":") + minutes + " " + apreturn timeValue2;}function MakeArray(n) {this.length = nreturn 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. 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 --></script></body></html>14. Ví dụ 14.Tạo dòng chữ bay vào thanh trạng tháI từng chữ cái một<html><head><script LANGUAGE="JavaScript"><!-- Beginfunction 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. out += msg.charAt(i)}for (i=1;i<jumpSpaces;i++) {out += " "}out += msg.charAt(position)window.status = outif (jumpSpaces <= 1) {position++if (msg.charAt(position) == ) {position++ }jumpSpaces = 100-position}else if (jumpSpaces > 3) {jumpSpaces *= .75}else {jumpSpaces--}if (position != msg.length) {var cmd = "scroll(" + jumpSpaces + "," + position + ")";scrollID = window.setTimeout(cmd,5);}else {scrolling = falsereturn false}return true;}function startScroller() {if (scrolling)if (!confirm(Re-initialize snapIn?))return falsekillScroll = truescrolling = truevar killID = window.setTimeout(killScroll=false,6)scrollID = window.setTimeout(scroll(100,0),10)return true}var scrollID = Objectvar scrolling = falsevar killScroll = false// End --></script><title></title></head><body onLoad="startScroller()"></body>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

16. </html>15.Bài tập 15Tạo 3 button như sau :<html><head><title>Create a New Window</title></head><body><form NAME="winform"> <p><input TYPE="button" VALUE="Open New Window" onClick="NewWin=window.open(,NewWin,toolbar=no,status=no,width=200,height=100); "> </p> <p><input TYPE="button" VALUE="Close New Window" onClick="NewWin.close();"></p> <p><input TYPE="button" VALUE="Close Main Window" onClick="window.close();"></p></form></body></html>16.BàI tập 16 Cửa sổ tự trượt<script language="JavaScript1.2">var currentpos=0,alt=1,curpos1=0,curpos2=-1function initialize(){startit()}function scrollwindow(){if (document.all)temp=document.body.scrollTopelsetemp=window.pageYOffsetif (alt==0)Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

17. alt=1elsealt=0if (alt==0)curpos1=tempelsecurpos2=tempif (curpos1!=curpos2){if (document.all)currentpos=document.body.scrollTop+1elsecurrentpos=window.pageYOffset+1window.scroll(0,currentpos)}else{currentpos=0window.scroll(0,currentpos)}}function startit(){setInterval("scrollwindow()",10)}window.onload=initialize</script>17. Bài tập 17Tạo Combo box có fulldown menu<html><head><script LANGUAGE="JavaScript">}</script><title>E:buttonpushme_.htm</title></head><body><form name="form"> <p><select NAME="site" SIZE="1" onChange="formHandler()"> <option VALUE>Go to.... </option> <option VALUE="http://www.metacrawler.com">Metacrawler </option>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

18. <option VALUE="http://www.altavista.digital.com">Altavista </option> <option VALUE="http://www.webcrawler.com">Webcrawler </option> <option VALUE="http://www.lycos.com">Lycos </option> <option VALUE="http://www.javascriptsource.com">The JavaScript Source </option> </select></p></form></body></html>18 Bài tập 18Tạ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ũ<html><head><title>Document Title</title></head><body link="ffffff" alink="ffffff" vlink="ffffff"><font SIZE="+2" FACE="Coronet"><p align="center">onMouse<b><i>Over</i></b></font><br><br><a href="index.htm" onMouseOver="s.src=_view1.gif"onMouseOut="s.src=_view2.gif"><imgSRC="_view2.gif" name="s" width="158" height="29"></a><br><br><font SIZE="+2" FACE="Coronet">onMouse<b><i>Out</i></b></font><br><br><b>Pass the mouse over the images </b><br><b>Check out the script! See how easy this function is.</b><br></p></body></html>19. Bài tập 19Tạo nút bấm khi người dùng bấm vào thì hiện mã nguồn chương trình<FORM><INPUT TYPE=button NAME="view" VALUE="click me for the source of the page "OnClick=window.location="view-source:" +window.location.href></FORM>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

19. 20.Bài tập 20Sử dụng Cookies để đếm số lần truy cập trang Web<html><head><script LANGUAGE="JavaScript"><!-- Beginfunction GetCookie (name) {var arg = name + "=";var alen = arg.length;var clen = document.cookie.length;var i = 0;while (i < clen) {var j = i + alen;if (document.cookie.substring(i, j) == arg)return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;if (i == 0) break;}return null;}function SetCookie (name, value) {var argv = SetCookie.arguments;var argc = SetCookie.arguments.length;var expires = (argc > 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 1Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

20. }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 --></script><title>E:cookiesname_.htm</title></head><body><script LANGUAGE="JavaScript"></script></body></html>Bài tập thực hành Javascript _Nguyễn Hữu Tuấn

THANH DIEN IT

Thứ Năm, 31 tháng 12, 2015

BT JS 1

Bai tap thuc hanh javascript

nkquank7d

Bai tap thuc hanh javascript

0 nhận xét:

Social Profiles

Top Social Icons

Featured Posts

Facebook

Ads 468x60px

Total Pageviews

Top Stories

Find Us On Facebook

Social Networks

International

Auto News

About us

Flicker

Technology

Fashion

Video Of Day

Text Widget

Sample Text

About Me

Labels

Formulir Kontak

Đăng ký

Followers

Translate

Entertainment

About Me

Recent Posts

Popular Posts

Popular Posts

Label

Blog Archive

Recent Posts

Download

Categories

Sample Text

Unordered List

Definition List

Labels

Pages