引用:张子秋:从零开始学习jQuery(剧场版) 你必须知道的javascript
http://www.cnblogs.com/zhangziqiu/archive/2009/05/26/jQuery-Learn-javascript.html
向张子秋学习致敬!
<%@ page language="java" pageEncoding="UTF-8"%>
<!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=utf-8" />
<script type="text/javascript">
//创建对象,为了保持语法一直, 总是带着new关键字声明一个对象.
var objectA = new Object();
//创建属性并赋值,在javascript中属性不需要声明, 在赋值时即自动创建:
objectA.name = "天涯";
//访问属性,一般我们使用"."来分层次的访问对象的属性
alert(objectA.name);
var objectB = objectA;
objectB.other = objectA;
//此时下面三个值相当, 并且改变其中任何一个值其余两个值都改变
alert(objectA.name + " ," + objectB.name + "," + objectB.other.name);
//通过索引设置和访问属性
objectA["school.college"] = "BITI";
alert(objectA["school.college"]);
//json语法
var jsonObjectA = {
name: "天涯",
age: 19,
school:
{
college: "大学",
"high school": "高中"
},
like:["睡觉","java","还是睡觉"]
};
alert("姓名: " + jsonObjectA.name + ",年龄: " + jsonObjectA.age + ",学历:" +jsonObjectA.school["high school"] + ",其它: "+ jsonObjectA.like[1]);
//静态方法与实例方法,静态方法是指不需要声明类的实例就可以使用的方法.实例方法是指必须要先使用"new"关键字声明一个类的实例, 然后才可以通过此实例访问的方法
function staticClass() { }; //声明一个类
staticClass.staticMethod = function() { alert("static method") }; //创建一个静态方法
staticClass.prototype.instanceMethod = function() { "instance method" }; //创建一个实例方法
//对于静态方法可以直接调用
staticClass.staticMethod();
//动态方法调用
var instance = new staticClass();//首先实例化
instance.instanceMethod(); //在实例上可以调用实例方法
//全局对象是window属性
var objectA = new Object();
//函数以下这三种写法是一样的
function myMethod(){
alert("Hello!");
}
window.myMethod = function(){
alert("Hello!");
}
myMethod = function(){
alert("Hello!");
}
//this
var o1 = { name: "o1 name" };
window.name = "window name";
function showName()
{
alert(this.name);
}
o1.show = showName;
window.show = showName;
//showName();//window name
//o1.show(); //ol name
// window.show();//window name
//结果证明在顶层调用函数和使用window对象调用函数时, this都指向window对象. 而在对象中调用函数时this指向当前对象
</script>
</head>
<body>
<div id="divResult"></div>
<script type="text/javascript">
//闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
//简单表达:
//闭包就是function实例以及执行function实例时来自环境的变量.
function start()
{
var count = 0;
window.setInterval(function()
{
document.getElementById("divResult").innerHTML += count + "<br/>";
count++;
}, 3000);
};
start();
//count是start函数体内的变量, 通常我们理解count的作用于是在start()函数内, 在调用start()函数结束后应该也会消失.但是此示例的结果是count变量会一直存在,并且每次被加1:
//因为count变量是setInterval中创建的匿名函数(就是包含count++的函数)的闭包的一部分!
//再通俗的讲, 闭包首先就是函数本身, 比如上面这个匿名函数本身, 同时加上在这个函数运行时需要用到的count变量.
//javascript中的闭包是隐式的创建的
</script>
<p><a href="index.jsp">返回</a></p>
</body>
</html>
分享到:
相关推荐
以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...
这份“JavaScript基础知识点汇总”涵盖了从基础到进阶的多个方面,帮助开发者系统地理解和掌握这一语言。以下是详细的JavaScript知识点解析: 1. **变量**:在JavaScript中,我们可以使用`var`, `let`, 或 `const` ...
总的来说,这个压缩包提供了一个全面的JavaScript基础知识教程,涵盖了数据类型、Object、内置对象和变量等核心概念,对于初学者或者需要巩固基础的开发者来说,是一份非常有价值的参考资料。通过学习这些内容,可以...
1. JavaScript 的基础知识 在学习 JavaScript 之前,你需要了解 HTML 和 XHTML 的基础。JavaScript 被设计用来向 HTML 页面添加交互行为,通过在 HTML 中插入 JavaScript 代码,可以实现页面元素的动态操作和用户...
javascript 基础知识
javascript 基础知识
javascript 基础知识
javascript 基础知识
javascript 基础知识
javascript 基础知识
Javascript基础知识整理 JavaScript是一种高级的、动态的、弱类型的编程语言,主要用于客户端脚本编程。它可以在浏览器中执行,实现网页的交互性和动态效果。本文将对JavaScript的基础知识进行整理和总结,包括脚本...
JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...
本文将详细介绍JavaScript的基础知识,包括它的编程基础、工作原理、在HTML中的使用方法,以及数据类型、变量、常量、运算符、表达式、控制流程和数组等核心概念。 首先,JavaScript最初由Netscape公司开发,是一种...
javascript 基础知识