js中eval详解

2016年07月27日 5 阅读

eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下： 复制代码 代码如下: var code1=""a" + 2"; //表达式 varcode2="{a:2}"; //语句 alert（eval（code1））; //->"a2" alert（eval（code...

js 浏览器事件介绍

2016年07月27日 5 阅读

浏览器事件 浏览器事件指载入文档直到该文档被关闭期间的浏览器事件，如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等。 先考察如下的代码： 复制代码 代码如下: //源程序3.1 <！ DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd">...

js确定对象类型方法

2016年07月27日 5 阅读

1、typeof 支持基本类型的获取，比如：boolean、string、number、function、object、undefined 用法： var v = true;//"string", typeof v; //boolean PS：Array/Date/null等都是object，undefined为undefined 2、instanceof 当确定一个值是function或者object，就可以使用instanceof了解更详细情况 用法：...

JavaScript 基础篇（一）

2016年07月27日 5 阅读

JavaScript 基础篇（一） 基础篇 Javascript：一、数据类型和值 javascript：允许使用3种基本类型数据--------数字、字符串、布尔值，此外还支持两种小数据类型null（空）和undefine（未定义）. javascript：还支持符合数据类型-对象（object），javascript中对象分两种，一种对象表示的已命名的值的无序集合，另一种表示有 编号的值的有序集合。其实有序集合就是数组（Array）。 javascri...

一个关于javascript匿名函数的问题分析

2016年07月27日 6 阅读

匿名函数，就是没有名字的函数。如： 复制代码 代码如下: function （）{ alert（"a function"）; } 但是，上面的代码会报错。firebug提示：function statement requires a name，也就是：函数必须要有个名字。 奇怪的是，如果我用一对（）把这个没有名字的函数包起来，就不会报错了。如： 复制代码 代码如下: （function （）{ alert（"a function"）; }） （注意包裹...

提高javascript效率 一次判断,而不要次次判断

2016年07月27日 6 阅读

判断嘛，就是面临2个或以上的选项时进行选择。比如我家门前去公司有一个岔路，只要我第一次知道了哪一条路是对的，那我下一次或以后的每次都不用再思考了，直接走那条路即可——当然，突发天灾时不算。 做出判断是需要时间的，是需要对应条件的。正确的判断很好，但每次面临岔路，哪怕是走了无数次的岔路，都来进行一下判断，无疑是一种脑残行为。 下面来看一个我们平时经常看到的JS函数,他的作用是判断浏览器类型然后设置对应的透明度属性： 复制代码 代码如下: function s...

javascript淡入淡出效果的实现思路

2016年07月27日 5 阅读

如题，只有思路，没有代码。 这个思路是最近写XScroll.js类的时候想明白的。平常我们说的淡入淡出效果，一般分成两部分，一半是淡入，另一半就是淡出了。不过经过分析，我觉得其实只需要一半就行了。 比如写一个图片切换类，切换效果是淡入淡出，通常我们会这样写：当切换发生的时候，当前显示的图片淡出（渐渐隐藏），将要显示的图片淡入（渐渐出现），通常两张图片的动画速度是一致的，以便实现当前图片完全隐藏之时就是下一张图片完全显示之日。 我们来列一个简单的步骤： 当前...

jQuery之$（document）.ready（）使用介绍

2016年07月27日 5 阅读

学习jQuery的第一件事是：如果你想要一个事件运行在你的页面上，你必须在$（document）.ready（）里调用这个事件。所有包括在$（document）.ready（）里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。 If you want an event to work on your page, you should call it inside the $（document）.ready（） function. ...

Ajax搜索结果页面下方的分页按钮的生成

2016年07月27日 5 阅读

时间紧木有做成JQ插件，通用性可能差一些但是基本功能是有的，比较适合初学者，望老鸟大虾表拍砖才好 哦少说了一句我用的是 JQueryUI里面的button感觉还不错 下图是第一页的样子 这是最后一页的样子 废话不说了上代码上面有参数说明看不懂的欢迎留言 复制代码 代码如下: //------------------------------------------------------ // pageingBtn（） 分页按钮的显示方法 // pageIn...

文本框输入时 实现自动提示（像百度、google一样）

2016年07月27日 5 阅读

只要有三个文件： 一个js插件autocomplete.js和autocomplete.css两个文件，这是jquery官方网站提供的插件； 他们的下载地址：http://jqueryui.com/demos/autocomplete/ 一个是一般处理程序 ； 一个是apsx页面，看下面的代码吧; 前台： 复制代码 代码如下: <script type="text/javascript"> $（document）.ready（function（...

jquery 操作DOM的基本用法分享

2016年07月27日 8 阅读

例子展示： jquery代码： 复制代码 代码如下: <script language="javascript"> $（document）.ready（function（）{ alert（$（"ul li:eq（1）"）.text（））; //选取第二个li的值 alert（$（"p"）.attr（"title"））; //选取p的title属性的值 //追加元素 $（"ul"）.append（"<li title="香蕉">香蕉&...

jquery 操作DOM案例代码分享

2016年07月27日 6 阅读

实例如下： 复制代码 代码如下: <style type="text/css"> body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:no...

为原生js Array增加each方法

2016年07月27日 6 阅读

复制代码 代码如下: Array.prototype.each = function（fn） { return this.length ？ [fn（this.slice（0,1））].concat（this.slice（1）.each（fn）） : []; }; [1,2,3,4].each（function（x）{ document.write（x + "<br/>"）; }）; ...

JavaScript 基础篇之运算符、语句（二）

2016年07月27日 5 阅读

javascript:运算符 其实运算符大家要是有计算机语言基础应该都知道，可能甚至比我还精通，这样我就不多解释了，就来说说其它几个生疏的吧！ 1、in 运算符：in运算符要求其左边的运算数是一个字符串，或可以被转换为字符串，右边的运算数是一个数组或者对象，如果左边的值是右边的对象的一个属性，它返回true. 复制代码 代码如下: var objvalue = {x:1,y:7}; document.write（"x is in objvalue:" + ...

JavaScript 基础篇之对象、数组使用介绍（三）

2016年07月27日 5 阅读

Javascript：对象 对象我们在前面也简单介绍过，它是一种将多个数据值集中在一个单元的东西，使用名字来存取，它是一个无序的属性集合。 1、创建对象的几种方式 复制代码 代码如下: var empty = {} //创建一个没有属性的对象。 var person = {name:"ben",age:22,sex:"男"}//使用直接量创建对象 var people = {{name:"Frank",age:21},{name:"Mary",age:21...

JavaScript 高级篇之函数 （四）

2016年07月27日 5 阅读

1、函数的创建 由于前面已经用了很多的函数，我就不在这里多分享了。 2、嵌套函数 复制代码 代码如下: function china（） { function people（）//嵌套函数，只有china用它 { document.write（"我的心愿是当杜甫，最近网上他的漫画，他活的好潇洒"）; } people（）; } 3、函数的直接量 Javascript允许函数用直接量来定义，说白了就是一个表达式，（匿名函数）。细节：匿名函数以后会用，要明白...

JavaScript 高级篇之闭包、模拟类,继承（五）

2016年07月27日 5 阅读

一、javascript中的闭包 1、我们一起先来理解什么是函数的作用域。 2、调用的对象结合例子：复制代码 代码如下: function display（something） { function executeDisplay1（） { document.write（"我在帮老板打印:"+something+"<br />"）;//引用外部函数的something参数 } executeDisplay1（）;//函数display引用了内部函...

JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式（六）

2016年07月27日 7 阅读

http://www.cnblogs.com/TomXu/archive/2012/02/16/2351331.html , 在回来看这里文章,你一定会有更深刻的认识。因为我在这里介绍概念上的东西比较少,看下面的例子,对初学的朋友可能会有些吃力！ 1、DOM的架构 复制代码 代码如下: <html> <head> <title>document</title> </head> <body&g...

浅谈javascript中的作用域

2016年07月27日 5 阅读

JS中作用域的概念： 表示变量或函数起作用的区域，指代了它们在什么样的上下文中执行，亦即上下文执行环境。Javascript的作用域只有两种：全局作用域和本地作用域，本地作用域是按照函数来区分的。 首先来看几道题目： 1. 复制代码 代码如下: if（true）{ var aa= "bb"; } console.log（aa）; //bb for（var i = 0; i < 100; i++）{ //do } console.log（i）; /...

深入分析js中的constructor和prototype

2016年07月27日 7 阅读

我们在定义函数的时候，函数定义的时候函数本身就会默认有一个prototype的属性，而我们如果用new 运算符来生成一个对象的时候就没有prototype属性。我们来看一个例子，来说明这个 复制代码 代码如下: function a（c）{ this.b = c; this.d =function（）{ alert（this.b）; } } var obj = new a（"test"）; alert（typeof obj.prototype）;//und...