前言: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()--浏览器前进一页。
后记:预习、复习。