JavaScript 基于对象 和 事件驱动！！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

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

<title>无标题文档</title>

<style type="text/css">

table{width:70%; border-collapse:collapse;}

table th{ border:#0000FF 1px solid}

</style>

</head>

<body>

<script type="text/javascript">

var x = 3;   //变量

    x = x-1;

alert(x);

if(2==x)      //if swith while for 控制语句

	alert("Yes");

else

	alert("No");

var y = "abc";

switch(y)

{

	case "abc":

		alert("abc");

		break;

	case "def":

		alert("def");

		break;

	default:

		alert("default");

}

x = 1;

while(x<3)

{

	alert("x=" + x);

	x++;

}

var sum="";

for( var x=1; x<3; x++ )

{

	if(x==2)

		sum = sum + "x=" + x;

	else

		sum = sum + "x=" + x + ",";

}

alert(sum);

document.write("<font color='red' size='10'>"+sum+"<font/>");

document.write("<table>");

for(var x=1; x<=9; x++)

{

	document.write("<tr>");

	for(var y=1; y<=x; y++)

	{

		document.write("<th>" + y + "*" + x + "=" + y*x + "</th>");

	}

	document.write("</tr>");

}

document.write("</table>");

var arr = new Array();   //数组

arr = ["abc", 1, true, 8.9];

arr[6] ="I'am 6";

for(var x=0; x<arr.length; x++)

{

	alert(arr[x]);

}

var str="";

function printArray(arr)  //函数

{

	for(var x=0; x<arr.length; x++)

	{

		if(x==arr.length-1)

			str += arr[x];

		else

			str += arr[x] + " , ";

	}

	alert(str);s

}

printArray(arr);

</script>

</body>

</html>

函数使用  一般函数 动态函数 匿名函数

<script type="text/javascript">

function show()

{

	for(var i=0; i<arguments.length; i++)

		alert(arguments[i]);

	return  arguments.length;

}

show(1,2,3,4);

show("length: " + show(1,2,3));

//动态函数

var show2 = new Function("x", "y", "sum=x+y; return sum");

var sum = show2(2,3);

alert(sum);

//匿名函数

var show3 = function()

{

	alert("匿名函数");

}

show3();

//事件驱动 +　匿名函数

window.onload = function()

{

	alert("事件驱动 +　匿名函数");

}

//事件驱动 + 一般函数

function method()

{

	alert("事件驱动 +　一般函数");

}

window.onload = method;

</script>

构造对象

<script type="text/javascript">

// 构造对象Person

function Person(name, age)

{

	this.name = name;

	this.age = age;

}

var p = new Person("kevin", 23);

alert(p.name + "-----" + p.age);

//构造对象，添加属性 和 方法

function Person2()

{

}

var p2 = new Person2();

p2.name = "xiang";

p2.age = 24;

p2.fun = function()

{

	alert(this.name + "++++" + this.age);

}

p2.fun();

</script>

封装： 可以先将所需功能写到一个*.js文件中，然后在HTML中调用*.js文件，即可调用其中的方法和变量。例如：

jsDemo1.js

// JavaScript Document

function ArrayTool(){};

var arrayTool = new ArrayTool();

function sortArray(arr)

{

	var temp=0;

	for(var i=0; i<arr.length; i++)

	{

		for(var j=arr.length-1; j>i; j--)

		{

			if(arr[j]<arr[j-1])

			{

				temp = arr[j];

				arr[j] = arr[j-1];

				arr[j-1] = temp;

			}

		}

	}

	return arr;

}

function showArray(arr)

{

	var str = "";

	for(var i=0; i<arr.length; i++)

	{

		if(i==arr.length-1)

			str += arr[i];

		else

			str += arr[i] + " , ";

	}

	alert(str);

}

arrayTool.getSortArray = sortArray;

arrayTool.showArray = showArray;

HTML调用文件

<script type="text/javascript" src="jsDemo1.js"> </script>

<script type="text/javascript">

var arr = [6,5,4,3,2,1];

arrayTool.showArray(arr);

arrayTool.getSortArray(arr);

arrayTool.showArray(arr);

</script>

with用于确定对象的作用范围

with(对象){可直接调用对象的属性和方法，不用加对象名}

for…in语句用于遍历对象或数组

for(变量)s  in (学生对象)stu){alert(s)}此处打印出stu的属性，要获得属性值用stu[s]

for(x in array) alert(x)打印的是数组角标

<script type="text/javascript">

function Person(name, age)

{

	this.name = name;

	this.age = age;

}

var p = new Person("kevin", 23);

with(p)                //with语句

{

	alert(name + "----" + age);

}

//for in 语句遍历对象 和 数组  //for 语句

for(s in p)

{

	alert(s + "=" + p[s]);

}

var arr = [1, 2, 3, 4];

for(a in arr)

{

	alert(arr[a]);

}

</script>

JavaScript 练习，变量，数组，函数，对象, with for 语句的更多相关文章

  1. JavaScript中变量和函数声明的提升

    现象: 1.在JavaScript中变量和函数的声明会提升到最顶部执行. 2.函数的提升高于变量的提升. 3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找. 4.匿名函数不会提升. ...

  2. 关于javascript中变量及函数的提升

    javascript中变量以及函数的提升,在我们平时的项目中其实还是挺常用的,尤其是大型项目中,不知不觉就会顺手添加一些变量,而有时候自己的不小心就会酿成一些不必要错误,趁有时间整理一下自己对于js中 ...

  3. JavaScript Array（数组）对象

    一,定义数组 数组对象用来在单独的变量名中存储一系列的值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, elem ...

  4. 04 Javascript的数据类型 数组 函数

    javascript:包含ECMAscript DOM BOM 描述了以下内容: 语法 类型 语句 关键字 保留字 运算符 对象 引入方式: <script> alert(123) < ...

  5. es6学习笔记--字符串&数值&数组&函数&对象的扩展

    这几天抽空学习了es6语法,关于字符串,数值,数组,函数以及对象的扩展,看到es6标准入门这本书,里面讲的扩展特别多,我认为有几部分在项目上用不到,就挑有用的当笔记学习了. 字符串的扩展 str.in ...

  6. JavaScript中遍历数组和对象的方法

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处,分析数组和对象各种遍历使用场景,优缺点等 JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3 ...

  7. javascript之Array()数组函数讲解

    Array()是一个用来构建数组的内建构造器函数.数组主要由如下三种创建方式: array = new Array() array = new Array([size]) array = new Ar ...

  8. JavaScript中，数组和对象的遍历方法总结

    循环遍历是写程序很频繁的操作,JavaScript 提供了很多方法来实现. 这篇文章将分别总结数组和对象的遍历方法,新手可以通过本文串联起学过的知识. 数组遍历 方法一:for 循环 for 循环是使 ...

  9. javascript之自定义数组工具对象

    <pre name="code" class="html">/* 需求:编写一个js文件,在js文件中自定义一个数组工具对象, 该工具对象要有一个找 ...

  10. JavaScript局部变量变量和函数命名提升

    之前接触了一些javascript局部变量命名提升的问题但是一直没有总结今天特地好好总结一下 变量提升 一个变量的作用域是程序源代码中定义的这个变量的区域.全局变量拥有全局作用域,在javascrip ...

随机推荐

  1. gitlab配置smtp时，总是提示需要鉴权，记录一下爬坑过程。

    配置好smtp,然后发送邮件时总是提示 Net::SMTPFatalError: 550 5.7.1 authentication is required 最后发现是因为在gitlab web界面上配 ...

  2. 关于.cap文件分析

    CAP文件是比较通用的一种文件格式,基本上大多数抓包软件都支持以此格式将捕获的网络数据包存储下来.    需要说明的是,CAP文件存储下来的,一般都是网络数据帧.不同网络传输协议下的帧格式是有差异的, ...

  3. SpringMvc 面向切面1

    1.配置文件 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE beans PUBLIC &q ...

  4. oracle复合索引的选择和使用

    声明:虽然题目是Oracle.但同样适合MySQL InnoDB索引          在大多数情况下.复合索引比单字段索引好     很多系统就是靠新建一些合适的复合索引.使效率大幅度提高      ...

  5. [译]NeHe教程 - 你的第一个多边形

    原文: Your First Polygon 在第一节中我讲解了如何创建OpenGL窗体.本节我会讲解如何创建三角形和四边形.我们会用GL_TRIANGLES来创建三角形,用GL_GUADS创建四边形 ...

  6. 怎样去掉a标签的蓝框

    直接上代码 *{-webkit-tap-highlight-color:rgba(255,0,0,0);} 我是直接给每一个都加了这个属性   其实没有必要 因为 只有a 标签 input 标签 和t ...

  7. bzoj1185【HNOI2007】最小矩形覆盖

    1185: [HNOI2007]最小矩形覆盖 Time Limit: 10 Sec  Memory Limit: 162 MBSec  Special Judge Submit: 1114  Solv ...

  8. 使用UIImageView展现来自网络的图片

    本文转载至 http://www.cnblogs.com/chivas/archive/2012/05/21/2512324.html UIImageView:可以通过UIImage加载图片赋给UII ...

  9. List和Set排序的实现

    List.Set.Map的区别 List和Set继承了Collection接口. List以特定索引来存取元素,可以有重复元素.Set不能存放重复元素(用对象的equals()方法来区分元素是否重复) ...

  10. WCF基础之数据协定

    数据协定最重要的当然就是DataContract和DataMember.这两个特性能应用到类.结构和枚举.这个两个特性跟服务契约的特点是一样的,只有被DataContract标记的类和类中被标记Dat ...