前言：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. Network | Cookie and Session

    Cookies are arbitrary pieces of data chosen by the web server and sent to the browser. The browser r ...

  2. 网站防火墙探测工具Wafw00f

     网站防火墙探测工具Wafw00f 现在网站为了加强自身安全,通常都会安装各类防火墙.这些防火墙往往会拦截各种扫描请求,使得测试人员无法正确判断网站相关信息.Kali Linux提供了一款网站防火墙探 ...

  3. 代码Rework中的反思

    以前编码只是关注能写出来,并让程序运行就完事,这是非常错误的想法. 让我们重新思考软件设计中的一些问题吧! 软件设计就像设计房屋,设计器具,是一个道理.软件的复杂度和bug完全是自己造成的,要设计好的 ...

  4. 【JSOI2007】文本生成器

    用AC自动机处理所有了解的单词 显然,不能直接算,直接算的话,我们需要大力容斥,复杂度不允许 我们不妨反过来做,我们根据AC自动机处理出所有的不可行解,然后用总数减去即可 计算所有不可行解用dp,\( ...

  5. Android HAL实例解析

    一.概述 本文希望通过分析台湾的Jollen的mokoid 工程代码,和在s5pc100平台上实现过程种遇到的问题,解析Andorid HAL的开发方法. 二.HAL介绍 现有HAL架构由Patric ...

  6. git 指令如何撤销一次merge

    在使用git指令时难免会发生错误的merge的情况,那么如何在这种情况下回退到错误发生之前的情况? git reflog 指令显示历史的操作 4457e43 HEAD@{0}: reset: movi ...

  7. Linux命令之basename 命令

        用途 返回一个字符串参数的基本文件名称. 语法 basename String [ Suffix ] 描述 basename 命令读取 String 参数,删除以 /(斜杠) 结尾的前缀以及任 ...

  8. AutoCAD如何输入文字

    1 运行文字命令(这里使用单行文字),然后鼠标点击文字的起始点,如图所示   2 鼠标分别向上和向右移动一定距离,表示文字的高度(文字的大小)和文字的旋转角度(一般向右,因为是水平文字)   3 最后 ...

  9. Putty的噩梦——渗透工具PuttyRider使用心得分享

    我们在入侵到一台主机的时候,经常会看到管理员的桌面会放着putty.exe,这说明有很大的可能性管理员是使用putty远程管理主机的. 该工具主要是针对SSH客户端putty的利用,采用DLL注入的方 ...

  10. Git 学习之--安装配置GitHub

    楼主今天学习了一下Git的使用,而且Androdi studio 下加入了Git插件,成功提交项目到自己Github个人主页 watermark/2/text/aHR0cDovL2Jsb2cuY3Nk ...