前言：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. LeetCode OJ-- Maximum Subarray @

    https://oj.leetcode.com/problems/maximum-subarray/ 给了一个数组一列数,求其中的连续子数组的最大和. O(n)复杂度 class Solution { ...

  2. Linux中查看某个软件的安装路径

    Linux中查看某个软件的安装路径(地址)有时显得非常重要.比如某个文件的快速启动项被删除,或者你要建立快速启动项,或者想删除.添加安装文件等等,很多地方都要用到查案文件安装路径的命令. 这里给大家介 ...

  3. 初次使用git，记录使用步骤

      参考:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 https://git ...

  4. Java I/O系统学习系列一：File和RandomAccessFile

    I/O系统即输入/输出系统,对于一门程序语言来说,创建一个好的输入/输出系统并非易事.因为不仅存在各种I/O源端和想要与之通信的接收端(文件.控制台.网络链接等),而且还需要支持多种不同方式的通信(顺 ...

  5. CI框架基础知识

    调用一个视图 a.调用一个视图 $this->load->view('视图文件名'); b.调用多个视图 $this->load->view('index_h'); $this ...

  6. Form元素示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. ElasticSearch搜索term和terms的区别

    今天同事使用ES查询印地语的文章.发现查询报错,查询语句和错误信息如下: 查询语句:{    "query":{        "bool":{         ...

  8. StringUtils和IOUtils工具包的使用

    加载apache的工具类 <dependency> <groupId>commons-lang</groupId> <artifactId>common ...

  9. 使用Django快速搭建简单的数据管理后台

    使用Django快速搭建简单的数据管理后台 概述 需求描述: 数据表已建好,能可视化操作增删改查,避免直接操作数据库 简版的管理系统 环境 Windows 10 x64 Python 3.6.3 (A ...

  10. Mockito 库、powermock扩展

    转载:http://blog.csdn.net/kittyboy0001/article/details/18709685 Mockito 简介 Mockito 是目前 java 单测中使用比较流行的 ...