1、倒三角99乘法表<html><body><script language="javascript">document.write("<table border=1>")for(var j=1;j<=9;j++){for(var k=0;k<(j-1);k++)document.write("<td>");for(var i=j;i<=9;i++)document.write("<td>"+i+"*"+j+"="+i*j+"</td>"); document.write("<tr>");}document.write("</table>")</script> </body></html>2、正三角99乘法表<html><body><script language="javascript">document.write("<table border=1>")for(var j=1;j<=9;j++){for(var i=1;i<=j;i++)document.write("<td>"+i+"*"+j+"="+i*j+"</td>"); document.write("<tr>");}document.write("</table>")</script> </body></html>3、输出两个数之间能被5整除的数的和<html><body><script language="javascript">var n=0;var a=parseInt(prompt("请输入第一个数:"));var b=parseInt(prompt("请输入第二个数:"));if(a>b){document.write(b+"到"+a+"之间能被5整除的数的和是:"); for(var i=b;i<=a;i++)if(i%5==0)n+=i;document.write(n+"<br>");}else{document.write(a+"到"+b+"之间能被5整除的数的和是:"); for(var i=a;i<=b;i++)if(i%5==0)n+=i;document.write(n+"<br>");}</script></body></html>4、从键盘输入两个数,输出两个数中的最大的数。
<html><head><title>条件运算符</title></head><body><script language="JavaScript">var x,y,z;x=parseInt(prompt());y=parseInt(prompt());z=(x>=y)?x:y;document.write(z);</script></body></html>5、把半径在1-10的所有园周长小于30的周长输出。
<html><body><script language="javascript">var i=1;for(var j=1;j<=9;j++){var c=2*3.14*j;if(c<=30){document.write("第"+i+"个周长小于30的:"+c+"<br>");i++;}}</script> </body></html>6、按钮显示时间<html><head><title>按钮显示效果</title><script language="JavaScript">function showData(){dtToday=new Date();alert(dtToday);}</script></head><body><h2>按钮显示时间</h2><hr>按一下按钮,显示当前系统时间!<form><input type="button" onclick="showData()" value="显示时间/日期"> </form></body></html>7、字符串大小写转换<html><head><title>字符串大小写转换</title></head><body><h2>字符串大小写转换</h2><hr><script language="JavaScript">str="Javascript";str1=str.toUpperCase();document.write("转换成大写之后的字符串: "+str1+"<br>");str2=str.toLowerCase();document.write("转换成小写之后的字符串: "+str2);</script></body></html>8、函数的参数传递求和<html><head><title>参数传递求和</title><script language="JavaScript">function sum(a){var sum=0;for(var i=0;i<=a;i++){sum+=i;}return sum;}</script></head><body><h2>函数的参数传递求和</h2><hr><script language="JavaScript">var n;n=(parseInt)(prompt("请您输入您想要计算的数:"," ")); var Total=sum(n);document.write("1--"+n+"相加的结果是: "+Total+"<br>"); var m;m=(parseInt)(prompt("请您输入您想要计算的数:"," ")); var Total0=sum(m);document.write("1--"+m+"相加的结果是: "+Total0);</script></body></html>9、With语句的练习<html><head><title>With对象语句的练习使用</title><script language="JavaScript">//对象属性输出的构造函数function printData(){document.write("书名: "+title+"<br>");document.write("编号: "+code+"<br>");document.write("作者: "+author+"<br>"); document.write("价格: "+price+"<br><hr>");}</script></head><body><h2>With对象语句的练习使用</h2><hr><script language="JavaScript">//建立自定义对象var objMybook = new Object();with(objMybook){//新增对象属性title = "Javascript基础与实例教程";code = "9787508356419";author = "陈会安";price = 39.00;}//显示objMybook的对象属性printData();</script></body></html>10、for in语句的使用<html><head><title>for/in循环</title></head><body><h2>for/in循环</h2><hr><script language="JavaScript">var prop;var objMybook = new Object();//建立对象//设置对象属性objMybook.title = "Javascript基础与实例教程";objMybook.code = "9787508356419";objMybook.author = "陈会安";objMybook.price = "39.00";//循环语句for(prop in objMybook){document.write("属性: "+prop+"="+objMybook[prop]+"<br>");} //显示objMybook2的对象属性</script></body></html>11、编制程序使每隔一定时间更换一张广告图片<html><head><title>Array对象的属性和方法的练习</title><script language="JavaScript">var i=0;var pic1=new Array("2.jpg","3.jpg","4.jpg","6.jpg");function showpic(){ pic.src=pic1[i];i++;if(i>=4)i=0;setTimeout("showpic()",1000);}</script></head><body onload="showpic()"><img id="pic"></body></html>12、不断变色的文字<html><head><script language="javascript">i=0;yanse=new Array("red","blue","green","pink","black");function chyanse(){ee.style.color=yanse[i]i++;if(i>=yanse.length)i=0;setTimeout("chyanse()",1000);}</script></head><body onload="chyanse()"><div id="ee"><font size=60>这是不断变色的文字</font></div></body></html>13、标题内容的滚动<html> <head> <title></title><script language="JavaScript">var msg="欢迎来到网页特效,各种乐趣无限..." function scrollTitle(){ window.document.title=msgmsg=msg.substring(1,msg.length)+msg.substring(0,1) timeID=setTimeout("scrollTitle()",200)} </script> </head><body onload="scrollTitle()"></body> </html>14、confirm的使用<html><body><script language="javascript">aa=confirm("请按“确定”或“取消”按钮");if(aa) alert("你按了【确定】按钮");else alert("你按了【取消】按钮");</script> </body></html>15、alert的使用<html> <head><title>alert()警告信息</title><body><script language="JavaScript">alert('警告信息文字!')</script></body></html>16、prompt的使用<html><head><title>prompt()输入文字内容的对话框</title> <body><script language="JavaScript">prompt('请输入姓名!', '陈会安')</script></body></html>17、获取当前时间<html><head><title>获取日期时间</title></head><body ><h2>获取日期时间</h2><hr><script language="JavaScript">var now=new Date();var y=now.getYear()+"/";var m=now.getMonth()+1+"/";var d=now.getDay()+"/";document.write("系统日期:"+now+"<br>") ;var time=new Date();var h=time.getHours();var mm=time.getMinutes();var s=time.getTime()%60000;s=(s-(s%1000))/1000;var clock=h+':';if(mm<10)clock+='0';clock+=mm+':';if(s<10)clock+='0';clock+=s;document.write("系统时间:"+clock) ;</script> </body></html>18、全中文显示当前日期<html><head><title>全中文显示当前日期</title></head><body><h2>全中文显示当前日期</h2><hr><script language="JavaScript">var s=new Array("零","一","二","三","四","五","六","七","八","九"); var time=new Date();var year=time.getFullYear();var month= time.getMonth()+1;var date=time.getDate();var a=""+year;for(i=0;i<a.length;i++)document.write(s[a.charAt(i)]);document.write("年");var c=""+month;if(c<10)document.write( s[c]+"月");else if(c==10)document.write("十" +"月");else if(c>10)document.write( "十"+s[c.charAt(1)]+"月");var b=""+date;if(b<10)document.write( s[b]+"日");else if(b==10)document.write("十"+"日" );else if(b<20&&b>10)document.write( "十"+s[b.charAt(1)]+"日"); else if(b==20)document.write("二十"+"日");else if(b<30&&b>20)document.write("二十"+s[b.charAt(1)]+"日"); else if(b==30)document.write( "三十"+"日");else if(b>30)document.write("三十"+s[b.charAt(1)]+"日");</script></body></html>19、获取动态时钟<html> <head><title>获取动态时钟</title><script language="JavaScript">function showtime(){ var t=new Date();var hours=t.getHours();var minutes=t.getMinutes();var seconds=t.getSeconds();Timevalue=((minutes<10)? ":0" : ":")+minutes;Timevalue+=((seconds<10)? ":0" : ":")+seconds;show.innerHTML=hours+Timevalue;timer=setTimeout("showtime()",1000);}</script></head><body onload="showtime()"><h2>获取动态时钟</h2><hr><form><center><div id="show"></div></center><script language="JavaScript">var weekday=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");、var d=new Date();var output=d.getDate()+"/";output+=(d.getMonth()+1)+"/";output+=d.getFullYear()+"<br>";document.write("系统日期:"+output);document.write(weekday[d.getDay()]);</script></body></html>20、计算节日倒计时(以毫秒计算)<html><head><title>计算节日倒计时</title></head><body><h2>计算节日倒计时</h2><hr><script language="JavaScript">var d=new Date();document.write(d+"<br>");var d1=d.getTime();var d2=new Date(2009,11,25);document.write(d2+"<br>");var d3=d2.getTime()var d4=d3-d1;document.write("从现在到节日还需要的毫秒数:"+d4);</script> </body></html>21、计算节日倒计时(以对话框的形式按天计算)<html><head><title>计算节日倒计时</title></head><body><script language="javascript">var year=parseInt(prompt("请输入年(yyyy):"," "));var month=parseInt(prompt("请输入月(mm):"," "));var day=parseInt(prompt("请输入日(dd):"," "));var future=new Date(year,month-1,day);var today=new Date();var d=Math.abs(future.getTime()-today.getTime());var days=Math.floor(d/(1000*60*60*24));document.write(today.toLocaleString()+"与"+future.toLocaleString()+"之间的天数为:"+days+"<br>");</script></body></html>22、编制一个小程序,它用于在打开当前窗口时自动打开另一个窗口<html><head><title>窗口的打开与关闭</title><script language="JavaScript">var winID=null;function openWindow(){ winID=window.open("2.html","JavaScript");}function newWindow(url,winname){var strFeatures="location=0,menubar=0,resizeable=0,scrollbars=0,status=1,titlebar=0, toolbar=0";winID=window.open(url,winname,strFeatures);}</script></head><body onload="newWindow('3.html')"><h2>窗口的打开与关闭</h2><hr><form><input type=button value="打开窗口" onclick="openWindow()"></form></body></html>23、编写以下形式的程序<html><head><title>窗口的打开与关闭</title><script language="JavaScript">var winID=null;function openWindow(){ winID=window.open("3.html","JavaScript");}function closeWindow(){winID.close();}function openFullWindow(url,winname){ winID = window.open(url,winname,"fullscreen=1");}function openFixedWindow(url,winname){var strFeatures="location=0,menubar=0,left=30,top=20,screenX=400,screenY=350, innerHeight=200,innerWidth=250";winID=window.open(url,winname,strFeatures);}</script></head><body onunload="closeWindow()"><h2>窗口的打开与关闭</h2><hr><form><p><input type=button value="打开窗口" onclick="openWindow()"></p><p><input type=button value="关闭窗口" onclick="closeWindow()"></p><p><input type=button value="打开固定窗口大小" onclick="openFixedWindow('3.html')"></p> <p><input type=button value="打开全屏幕窗口" onclick="openFullWindow('21.html')"></p> </form></body></html>24、在状态拦显示动态滚动的文字。