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. Nginx + uwsgi 时，替换路径。

    { # Django api use uwsgi location /api/ { # /api/hello ==> /hello rewrite ^/api/(.*) /$1 break; # ...

  2. Junit使用教程（三）

    四.实例总结 1. 参数化测试 有时一个测试方法,不同的参数值会产生不同的结果,那么我们为了测试全面,会把多个参数值都写出来并一一断言测试,这样有时难免费时费力,这是我们便可以采用参数化测试来解决这个 ...

  3. java中已经排序的列表中插入新值

    static List<Integer> insertSortedList(){ List<Integer> nums = new ArrayList<Integer&g ...

  4. CentOS6.4下编译安装Apache2.4+PHP5.6

    安装Apache2.4: 首先从  http://httpd.apache.org/download.cgi#apache24下载apache源码包httpd-2.4.4.tar.gz从  http: ...

  5. 【转】【FTP】之windows8.1上搭建FTP服务器方法

    参考地址:<windows8.1上搭建FTP服务器方法>

  6. IE hack 条件语句

    只在固定IE版本下执行 将以下代码放在head标签中,在script标签中写js即可 <!--[if IE 8]> <script> console.log("in ...

  7. PHPMailer 使用 中文乱码

    WordPress在用. You'll find plenty more to play with in the examples folder. 中文乱码问题: $mail->CharSet ...

  8. Teradata架构

    Teradata在整体上是按Shared Nothing 架构体系进行组织的,他的定位就是大型数据仓库系统,定位比较高,他的软硬件都是NCR自己的,其他的都不识别:所以一般的企业用不起,价格很贵.由于 ...

  9. MS SQL 分类汇总参数 grouping(**)=1 rollup cubt

    转:http://www.111cn.net/database/mssqlserver/43368.htm 本文章介绍了关于sql多级分类汇总实现方法及数据结构,有碰到问题的同学可参考一下. 据库结构 ...

  10. phalcon builder 用法

    $rawSql = $builder->columns(["aa","bb"]) ->from("TableName") -&g ...