前言：JS的第三节课，这节课主要讲函数、对象及方法。

内容：

　　1.九九乘法表例子：

HTML代码：

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title></title>

     <script src="js/demo.js"></script>

 </head>

 <body>

     <input type="button" value="我是一个按钮" onclick="MyClick()"/>

     <div id="dcon"></div>

 </body>

 </html>

JS代码：

 function MyClick() {

     var s = "";

     s += "<table>";

     for (var i = 1; i < 10; i++)

     {

         s += "<tr>";

         for (var j = 1; j <= i; j++)

         {

             s += "<td>" + i + "*" + j + "=" + i * j + "</td>";

         }

         s += "</tr>";

     }

     s += "</table>";

     document.getElementById("dcon").innerHTML = s;

 }

结果图：

　　2.冒泡排序例子：

HTML代码：

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title></title>

     <script src="js/demo.js"></script>

 </head>

 <body>

     <input type="button" value="我是一个按钮" onclick="MyClick()"/>

 </body>

 </html>

JS代码：

 function MyClick()

 {

     var aNum = [3, 12, 24, 6, 2, 9, 35, 49, 32, 0];

     var temp = 0;

     for (var i = 0; i < aNum.length - 1; i++)

     {

         for (var j = i+1; j < aNum.length; j++)

         {

             if (aNum[i] > aNum[j])

             {

                 temp = aNum[i];

                 aNum[i] = aNum[j];

                 aNum[j] = temp;

             }

         }

     }

     for (var k = 0; k < aNum.length; k++)

     {

         document.write(aNum[k] + " ");

     }

 }

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

后记：预习、复习。

ASP.NET动态网站制作（8）-- JS（3）的更多相关文章

  1. ASP.NET动态网站制作（3）--css（2）

    前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今 ...

  2. ASP.NET动态网站制作（7）-- JS（2）

    前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句:  (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase() ...

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

    前言:JS的第一节课,在Visual Studio 2013中编写及运行.新建项目->Web->ASP.NET Web应用程序->Empty,打开后在项目下添加新建css文件夹和js ...

  4. ASP.NET动态网站制作（1）--html

    前言:正式上课的第一课,讲的是前端部分的最基础内容:html. 前端:html,css,js 数据库:sql server 动态部分:.net,c#... IIS(Internet Informati ...

  5. ASP.NET动态网站制作（28）-- 三层框架（2）

    前言:三层框架的第二节课,继续上次课的内容. 内容: 1.三层框架的使用目的:可以将视图层和业务逻辑层及实体层分开,可以提高代码的扩展性,安全性,可以实现程序的低耦合性. 2.GetModel方法及G ...

  6. ASP.NET动态网站制作（26）-- Ajax

    前言:这节课讲解关于Ajax的相关内容. 内容: 1.当点击页面中的一个按钮提交数据或请求数据的时候,整个页面的信息都会提交(不管信息是否是提交或者请求的数据,页面中所有的数据都提交),这样耗用的时间 ...

  7. ASP.NET动态网站制作（20）-- C#（3）

    前言:C#的第三节课,继续上次课的内容,依旧围绕基础的只是讲解. 内容: 1.StringBuilder类:由于string类一旦创建,则不能更改.如果做字符串拼凑的话,将会非常耗费空间,如: str ...

  8. ASP.NET动态网站制作（18）-- jq作业讲解及知识补充

    前言:这节课主要讲解js及jq作业,并在作业讲解完后补充关于jQuery的一些知识点. 内容: 1.作业讲解:计算器那一块考虑的各种情况还不算完善,只实现了基本的功能,还需多多练习使用jQuery. ...

  9. ASP.NET动态网站制作（0）

    前言:一直想系统地学习一下网站建设的相关内容,看过相关的书籍,也跟着视频学过,但总觉得效率不高,学过的东西印象不深刻,或许还是自己动手实践的少.无意中免费听了一堂讲ASP.NET网站建设的课,觉得性价 ...

随机推荐

  1. 搞定linux的中文输入和vim

    本篇是http://blog.csdn.net/guochaoxxl/article/details/53212090的姊妹篇,无论先操作哪一篇都可以: 1.一言不合先下载,链接: https://p ...

  2. android studio 使用问题总结一

    1,Theme.AppCompat.Light.DarkActionBar 报错 添加v7包 参考其他:http://blog.csdn.net/sanjiaozhen/article/details ...

  3. Android 设置图片倒影效果

    首先,贴出效果图: 1.布局文件main.xml <?xml version="1.0" encoding="utf-8"?> <Linear ...

  4. 模糊测试工具Simple Fuzzer

    模糊测试工具Simple Fuzzer   模糊测试是一种不同于渗透测试的漏洞检测方式.它向目标系统发送各种非预期的输入,然后通过监视异常结果来发现漏洞.Kali Linux虽然作为渗透测试系统平台, ...

  5. Spring MVC通过Pageable对象和PageableDefault注解获取分页信息（MongoDB通过Pageable来操作分页）

    说明:Pageable同时也能用于操作MongoDB的分页. PageableSpring Data库中定义的一个接口,该接口是所有分页相关信息的一个抽象,通过该接口,我们可以得到和分页相关所有信息( ...

  6. Concurrency(Locking, Blocking and Row Versioning)

    https://www.simple-talk.com/sql/t-sql-programming/row-versioning-concurrency-in-sql-server/?utm_sour ...

  7. ie8 不能加载dll的问题解决

    请问是在打开IE的时候提示无法加载DLL文件吗? 请尝试重置IE: 1. 关闭所有Internet Explorer窗口. 2. 单击开始,点击运行,输入inetcpl.cpl,按回车. 3. 点击高 ...

  8. 读取配置文件包含properties和xml文件

    读取properties配置文件 /** * 读取配置文件 * @author ll-t150 */ public class Utils { private static Properties pr ...

  9. mootools客户端框架

    mootools客户端框架 学习:http://www.chinamootools.com/ 官网:https://mootools.net/ 下载地址: https://github.com/moo ...

  10. An internal error occurred Exception caught during execution of commit command

    在工程目录下找到 .git 文件夹 ,找到里面的 index.lock 文件,删掉再commit