前言：JS的第三节课，这节课主要讲函数、对象及方法。
内容：
1.九九乘法表例子：
HTML代码：
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <script src="js/demo.js"></script> 7 </head> 8 <body> 9 <input type="button" value="我是一个按钮" onclick="MyClick()"/> 10 <div id="dcon"></div> 11 </body> 12 </html>
JS代码：
1 function MyClick() { 2 var s = ""; 3 s += "<table>"; 4 for (var i = 1; i < 10; i++) 5 { 6 s += "<tr>"; 7 for (var j = 1; j <= i; j++) 8 { 9 s += "<td>" + i + "*" + j + "=" + i * j + "</td>"; 10 } 11 s += "</tr>"; 12 } 13 s += "</table>"; 14 document.getElementById("dcon").innerHTML = s; 15 }
结果图：
2.冒泡排序例子：
HTML代码：
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <script src="js/demo.js"></script> 7 </head> 8 <body> 9 <input type="button" value="我是一个按钮" onclick="MyClick()"/> 10 </body> 11 </html>
JS代码：
1 function MyClick() 2 { 3 var aNum = [3, 12, 24, 6, 2, 9, 35, 49, 32, 0]; 4 var temp = 0; 5 for (var i = 0; i < aNum.length - 1; i++) 6 { 7 for (var j = i+1; j < aNum.length; j++) 8 { 9 if (aNum[i] > aNum[j]) 10 { 11 temp = aNum[i]; 12 aNum[i] = aNum[j]; 13 aNum[j] = temp; 14 } 15 } 16 } 17 for (var k = 0; k < aNum.length; k++) 18 { 19 document.write(aNum[k] + " "); 20 } 21 }
使用firebug调试JS代码：按F12调出调试面板，按F9设置断点，F10为单步跳过，F11为单步进入。
3.函数：function functionName(arg1,arg2,...)
{
...
}
4.对象：属性/方法。var aValues = new Array();
5.Date对象（var myDate = new Date()）:
（1）计算程序执行速度（得到的是毫秒数）；
（2）方法：getFullYear()（返回四位数的年份）;getMonth()（返回月份）;getDate()（返回日期）;getDay()（返回星期几）;getHours()（返回小时数）;getMinutes()（返回分钟数）;getSenconds()（返回秒数）;getMillionseconds()（返回毫秒数）;getTime()（返回GMT时间）。
6.Math对象：
（1）属性：Math.LN10（10的自然对数）；Math.LN2（2的自然对数）；Math.LOG2E（以2为底E的对数）；Math.LOG10E（以10为底E的对数）；Math.PI（圆周率）；Math.SQRT1_2（1/2的平方根）；Math.SQRT2（2的平方根）。
（2）方法：Math.max()（取最大值）；Math.min()（取最小值）；Math.ceil()（向上舍入）；Math.floor()（向下舍入）；Math.round()（四舍五入）；Math.random()（0-1之间的随机数），如：var iNum = Math.floor(Math.random()*100+1);--返回1-100之间的整数，包含1和100。
7.windows对象：
（1）window.open("http://www.baidu.com","_blank","height=300,width=400,top=30,left=140,resizable=yes");resizable为是否能通过拖动来调整新窗口的大小，默认为yes；scrollable为新窗口是否显示滚动条，默认为no。
（2）关闭新建的窗口：window.close();
（3）alert()、prompt()、confirm()，其中confirm("确定删除？")，返回布尔型。----layer，更加好看的弹框设计。
（4）window.history.go(-1)--浏览器后退一页；window.history.go--浏览器前进一页；window.history.back()--浏览器后退一页；window.history.forward()--浏览器前进一页。
后记：预习、复习。