JavaScript高级程序设计（第3版）学习笔记6 初识js对象

2016年07月27日 7 阅读

在房子里面可以放你想放的任意事物——如果你有足够的美学造诣，你甚至可以弄一个房中房试试——当然，为了方便管理，我们会给房子里存放的所有事物都会取上一个不重复的名字，比如医药房间里的各种药品名称。在ECMAScript中，你可以在对象中存放任意你想放的数据，同样，我们需要给存放的数据取一个名字——也就是对象的属性名，再存放各种数据。再看看ECMA-262中对象的定义：无序属性的集合，其属性可以包含简单数据类型值、对象或者函数。 进入对象，我开始有些激动了...

JavaScript高级程序设计（第3版）学习笔记7 js函数（上）

2016年07月27日 8 阅读

变量类型 在说函数之前，先来说说变量类型。 1、变量：变量在本质上就是命名的内存空间。 2、变量的数据类型：就是指变量可以存储的值的数据类型，比如Number类型、Boolean类型、Object类型等，在ECMAScript中，变量的数据类型是动态的，可以在运行时改变变量的数据类型。 3、变量类型：是指变量本身的类型，在ECMAScript中，变量类型就只有两种：值类型和引用类型。当变量的数据类型是简单数据类型时，变量类型就是值类型，当变量的数据类型...

JavaScript高级程序设计（第3版）学习笔记8 js函数（中）

2016年07月27日 5 阅读

6、执行环境和作用域 （1）执行环境（execution context）：所有的JavaScript代码都运行在一个执行环境中，当控制权转移至JavaScript的可执行代码时，就进入了一个执行环境。活动的执行环境从逻辑上形成了一个栈，全局执行环境永远是这个栈的栈底元素，栈顶元素就是当前正在运行的执行环境。每一个函数都有自己的执行环境，当执行流进入一个函数时，会将这个函数的执行环境压入栈顶，函数执行完之后再将这个执行环境弹出，控制权返回给之前的执行环境。...

JavaScript高级程序设计（第3版）学习笔记9 js函数（下）

2016年07月27日 6 阅读

再接着看函数——具有魔幻色彩的对象。 9、作为值的函数 在一般的编程语言中，如果要将函数作为值来使用，需要使用类似函数指针或者代理的方式来实现，但是在ECMAScript中，函数是一种对象，拥有一般对象具有的所有特征，除了函数可以有自己的属性和方法外，还可以做为一个引用类型的值去使用，实际上我们前面的例子中已经有过将函数作为一个对象属性的值，又比如函数也可以作为另一个函数的参数或者返回值，异步处理中的回调函数就是一个典型的用法。 复制代码 代码如下: ...

JavaScript高级程序设计（第3版）学习笔记10 再访js对象

2016年07月27日 5 阅读

1、对象再认识（1）对象属性和特性 什么是属性（Property），什么是特性（Attribute），这有什么区别？我不想也不会从语义学上去区分，对于这系列文章来说，属性就是组成对象的一个部分，广义上也包括对象的方法，而特性则是指被描述主体所具有的特征，换句话说，属性是我们可以通过编码来访问的具体存在，而特性则主要是为了便于理解概念的抽象存在，当然，特性也可以通过相应的属性来具体外化。这一小节所讲的对象属性的特性就是对对象属性特征的一个描述，主要来自于E...

JavaScript高级程序设计（第3版）学习笔记11 内建js对象

2016年07月27日 5 阅读

内建对象就好比是JDK中的类库，开发者可以直接拿来使用，这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建对象，当然，我们并不是第一次接触内建对象，前面已经接触到的就有Object、Function、Boolean、Number、String，对于已经介绍过的，这里再总结复习一下，没有介绍过的，根据相关性来对比的总结，RegExp对象及正则表达式在下一篇中再单独介绍。 1、内建全局单例对象（1）内建全局单例对象：在整个执行环境中只有一个对象实例，...

JavaScript高级程序设计（第3版）学习笔记12 js正则表达式

2016年07月27日 5 阅读

需要指出的是，这里只是总结了正则表达式的常用的且比较简单的语法，而不是全部语法，在我看来，掌握了这些常用语法，已经足够应对日常应用了。正则表达式不只是应用在ECMAScript中，在JAVA、.Net、Unix等也有相应应用，这篇文章则是以ECMAScript中的正则表达式为基础总结的。一、正则表达式基础 1、普通字符：字母、数字、下划线、汉字以及所有没有特殊意义的字符，如ABC123。在匹配时，匹配与之相同的字符。2、特殊字符：（需要时，使用反斜杠“”进...

JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性

2016年07月27日 5 阅读

接下来应该是BOM和HTML5了，但是鉴于ECMAScript5相对于ECMAScript3的新变化比较多，而且这些变化也非常的有意思，因此在这篇文章中再将我认为的有意思的变化（并非全部变化）集中整理一下，但这里只是列举，不具体展开。 一、语法变化 1、关键字和保留字 在ES3中，使用关键字做标识符会导致“Identifier Expected ”错误，而使用保留字做标识符可能会也可能不会导致相同的错误，具体取决于特定的引擎。在ES5中，关键字和保留字...

js事件（Event）知识整理

2016年07月27日 6 阅读

鼠标事件 鼠标移动到目标元素上的那一刻，首先触发mouseover 之后如果光标继续在元素上移动，则不断触发mousemove 如果按下鼠标上的设备（左键,右键,滚轮……），则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时（滚动滚轮/拖动滚动条。。）触发scroll 滚动滚轮触发mousewheel，这个要区别于scroll 鼠标移出元素的那一刻，触发mouseout 事件注册 平常我们绑定事件的时候用dom.onx...

javascript中方便增删改cookie的一个类

2016年07月27日 5 阅读

主要是通过对document.cookie字符串的分析来进行功能的组装的。 温习一下javascript中对cookie的操作： 增加cookie可以用document.cookie="userId=111";来实现 完整版可以用：document.cookie="userId=111;domain=.google.com;path=;secure=secure;expire="+date.toGMTString（）; 可以设置cookie的过期时间，域名...

js函数的延迟加载实现代码

2016年07月27日 6 阅读

复制代码 代码如下: //非延迟加载的函数，每次调用都会进行条件判断 function removeHandler（target,eventType,handler） { if（target.removeEventListener） { target.removeEventListener（eventType,handler,false）; }else { target.detachEvent（"on"+eventType,handler）; } } //...

JS判断页面加载状态以及添加遮罩和缓冲动画的代码

2016年07月27日 6 阅读

复制代码 代码如下: function initialize（） { addcloud（）; //为页面添加遮罩 document.onreadystatechange = subSomething; //监听加载状态改变 } function addcloud（） { var bodyWidth = document.documentElement.clientWidth; var bodyHeight = Math.max（document.docum...

关于JS控制代码暂停的实现方法分享

2016年07月27日 5 阅读

方法一：这是在网上找的一个方法，可以用。但说实话，这个方法我不怎么明白。。。写得好复杂。这样做跟setTimeout能有多大区别？ 复制代码 代码如下: function Pause（obj, iMinSecond） { if （window.eventList == null ） window.eventList = new Array（）; var ind = -1; for （var i = 0; i < window.eventList.le...

JS 实现Div向上浮动的实现代码

2016年07月27日 6 阅读

Html 及 JS 代码如下： 复制代码 代码如下: <div id="newsOne" onmouseover="CleartTimeInterVal（）;" onmouseout="resetInterVal（）;" style="position: absolute; width: 100px;"> <a href="http://www.jb51.net" target="_blank">脚本之家</a> <...

JS控制按钮自动切换背景颜色（可暂停）

2016年07月27日 5 阅读

JS控制按钮自动切换背景颜色，可暂停_脚本之家 .grigg{ position:relative; font-family:Verdana; font-size:16px;color:#ffffff; } y=" "; function colourWrite（）{ y=document.bgColor; if （document.layers） {x=document.FM.box.value} if （document.all） {x=do...

利用谷歌地图API获取点与点的距离的js代码

2016年07月27日 5 阅读

复制代码 代码如下: var request; var distanceArray = []; function getdistance（） { distanceArray = []; var directionsService = new google.maps.DirectionsService（）; for （var a = 0; a < pointsArray.length; a++） { for （var b = 0; b < poi...

JS判断浏览器类型与版本的实现代码

2016年07月27日 5 阅读

在众多的浏览器产品中，IE、Firefox、Opera、Safari........众多品牌却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法，还是很重要的。下面列举一下常用的判断方法 1、判断浏览器是否为IE document.all ？ "IE" : "others"：在IE下document.all值为1，而其他浏览器下的值为0； navigator.userAgent.indexOf（"MSIE...

分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]

2016年07月27日 5 阅读

复制代码 代码如下: <html> 题:<br /> 有n个直线最多可以把一个平面分成多少个部分<br /><br /> 线条数:<input type="text" id="line"/><br /> 内交点:<label id="innerPoint"></label><br /> 分割数:<label id="part" style="b...

Jquery index（）方法 获取相应元素索引值

2016年07月27日 6 阅读

index（[subject]）方法，返回值:Number（从0开始计数） index（）方法返回指定元素相对于其他指定元素的 index 位置。注释：如果未找到元素，index（） 将返回 -1。 复制代码 代码如下: <html> <head> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"&...

jquery聚焦文本框与扩展文本框聚焦方法

2016年07月27日 5 阅读

光标聚焦的位置在最前面 复制代码 代码如下: <！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> <title>jqu...