ASP.NET动态网站制作（8）-- JS（3）

前言：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>
View Code

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 }
View Code

结果图：

　　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>
View Code

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 }
View Code

　　  使用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()--浏览器前进一页。

后记：预习、复习。

posted @ 2015-10-09 15:40  Zoe_yan  阅读(352)  评论(0)  编辑  收藏  举报