ASP.NET动态网站制作（8）-- JS（3）
前言：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）的更多相关文章
- ASP.NET动态网站制作（3）--css（2）
前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今 ...
- ASP.NET动态网站制作（7）-- JS（2）
前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句: (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase() ...
- ASP.NET动态网站制作（6）-- JS（1）
前言:JS的第一节课,在Visual Studio 2013中编写及运行.新建项目->Web->ASP.NET Web应用程序->Empty,打开后在项目下添加新建css文件夹和js ...
- ASP.NET动态网站制作（1）--html
前言:正式上课的第一课,讲的是前端部分的最基础内容:html. 前端:html,css,js 数据库:sql server 动态部分:.net,c#... IIS(Internet Informati ...
- ASP.NET动态网站制作（28）-- 三层框架（2）
前言:三层框架的第二节课,继续上次课的内容. 内容: 1.三层框架的使用目的:可以将视图层和业务逻辑层及实体层分开,可以提高代码的扩展性,安全性,可以实现程序的低耦合性. 2.GetModel方法及G ...
- ASP.NET动态网站制作（26）-- Ajax
前言:这节课讲解关于Ajax的相关内容. 内容: 1.当点击页面中的一个按钮提交数据或请求数据的时候,整个页面的信息都会提交(不管信息是否是提交或者请求的数据,页面中所有的数据都提交),这样耗用的时间 ...
- ASP.NET动态网站制作（20）-- C#（3）
前言:C#的第三节课,继续上次课的内容,依旧围绕基础的只是讲解. 内容: 1.StringBuilder类:由于string类一旦创建,则不能更改.如果做字符串拼凑的话,将会非常耗费空间,如: str ...
- ASP.NET动态网站制作（18）-- jq作业讲解及知识补充
前言:这节课主要讲解js及jq作业,并在作业讲解完后补充关于jQuery的一些知识点. 内容: 1.作业讲解:计算器那一块考虑的各种情况还不算完善,只实现了基本的功能,还需多多练习使用jQuery. ...
- ASP.NET动态网站制作（0）
前言:一直想系统地学习一下网站建设的相关内容,看过相关的书籍,也跟着视频学过,但总觉得效率不高,学过的东西印象不深刻,或许还是自己动手实践的少.无意中免费听了一堂讲ASP.NET网站建设的课,觉得性价 ...
随机推荐
- LeetCode OJ-- Maximal Rectangle ***@
https://oj.leetcode.com/problems/maximal-rectangle/ 给一个二维矩阵,里面只有0 1,求一个最大的矩阵,里面的所有元素都是1. 首先预处理: 0 1 ...
- Eclipse 导入项目乱码问题
1.编码不对 a.对某文件或某工程更改编码: 鼠标移到工程名或文件名,右键->Properties->Resource->Text file enCoding ->更改编码(G ...
- Codeforces Gym100971 L.Chess Match (IX Samara Regional Intercollegiate Programming Contest Russia, Samara, March 13)
这个题就是两个队,看最多能赢的个数,然后比较一下,看两个队是都能赢彼此,还是只有一个队赢的可能性最大.表达能力不好,意思差不多... 和田忌赛马有点像,emnnn,嗯. 代码: 1 #include& ...
- 参数化2--CSV Data Set Config 参数化配置
众所周知,在进行接口测试的过程中,需要创建不同的场景(不同条件的输入,来验证不同的入参的返回结果).因而,在日常的自动化接口监控或商品监控等线上监控过程中,需要配置大量的入参来监控接口的返回是否正确. ...
- 牛客网暑期ACM多校训练营 记录
所有牛客多校的做题记录请右转队伍wiki Name Date Rank 2018 Multi-University,Nowcoder Day 1 2018.7.19 16/338 5/10 https ...
- Java---杨辉三角简易解法(通俗易懂,逻辑严密)
- HTTP Range - [Web开发]
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明http://minms.blogbus.com/logs/39569593.html 所谓 Range,是在 HTTP/1.1(htt ...
- ci框架文件上传
控制器类代码 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); class Upload ex ...
- VS2010中 报错：error C2146、error C4430 原因一：缺少CvvImage类
今天用vs2010打开vs2008的一个工程,报了好多错: 1>e:\visual studio 2010\projects\imageprojects\morphology\morpholog ...
- [资料分享]GIS+=地理信息+云计算+大数据+容器+物联网+...论文、会议、讲座资料分享
分享地址 http://pan.baidu.com/s/1gesDSB5 部分内容截图 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5 ...