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. 非常easy学习的JQuery库 : (二) 选择器

    作用 选择器同意您对元素组或单个元素进行操作. 在前面的章节中,我们介绍了一些有关怎样选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是怎样准确地选取您希望应用效果的元素. jQuer ...

  2. Python内置函数之str()

    class str(object="")class str(object=b'', encoding='utf-8', errors='strict') 将其他对象转化为字符串对象 ...

  3. 篇一、安装配置Android Studio

    系统:Mac 10.10 Java JDK:官方JDK1.8 IDE:Android Studio 1.2 Android SDK:24.2 模拟器:genymtion 安装 Mac版本的Androi ...

  4. px与与rem vw的区别

    1.px 使用具体像素点为单位,好处是比较稳定和精确,但在浏览器放大缩小会出现问题 2.rem 参考根元素的值 例如设置根元素字体大小是20像素 在h1中设置字体大小 那么H1的大小就是40px p的 ...

  5. 从零开始学android -- dialog

    先看个效果图 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <Linear ...

  6. Android Material Design-Defining Shadows and Clipping Views(定义阴影和裁剪视图)-(四)

    转载请注明出处:http://blog.csdn.net/bbld_/article/details/40539131 翻译自:http://developer.android.com/trainin ...

  7. 五分钟上手Git

    团队开发中.遵循一个合理.清晰的Git使用流程.是非常重要的.否则,每一个人都提交一堆杂乱无章的commit,项目非常快就会变得难以协调和维护.以下是ThoughtBot 的Git使用规范流程.我从中 ...

  8. 从动态获取div高度的问题展开来看

    ps 可能篇幅比较长,请大家耐心看看 今天有人在群里问我 动态获取高度怎么获取  我就说jq中的outerHeight. height .innerHeight   原生的height clientH ...

  9. xpath 获取父级，和同级

    XPath轴(XPath Axes)可定义某个相对于当前节点的节点集: 1.child 选取当前节点的所有子元素 2.parent 选取当前节点的父节点 3.descendant 选取当前节点的所有后 ...

  10. WSGI协议解析

    WSGI协议中包含两个角色:服务器方和应用程序: 服务器方:其调用应用程序,给应用程序提供(环境信息)和(回调函数), 这个回调函数是用来将应用程序设置的http header和status等信息传递 ...