浅析JavaScript中的常用算法与函数

2017年02月06日 15 阅读

代码使用方法：0001：判断一个计算结果是不是无穷大：if（isFinite（999999999*999999999） == true）----------------------------------------------------------------------------------------------------0002：判断是不是数字：if（isNaN（"Blue"） == true），不是数字则为true，是数字则为false。-...

XMLHttpRequest处理xml格式的返回数据（示例代码）

2017年02月06日 15 阅读

示例代码：复制代码 代码如下://回调函数function callback（） { //alert（xmlhttp.readyState）; //5。接收响应数据 //判断对象的状态是交互完成 if （xmlhttp.readyState == 4） { //判断http的交互是否成功 if （xmlhttp.status == 200） { //使用responseXML的方式来接收XML数据对象的DOM对象 var domObj = xmlhttp....

获得Javascript对象属性个数的示例代码

2017年02月06日 19 阅读

如下所示：复制代码 代码如下://扩展对象的count方法Object.prototype.count = （ Object.prototype.hasOwnProperty（‘__count__"） ） ？ function （） { return this.__count__; } : function （） { var count = 0; for （var i in this） if （this.hasOwnProperty（i）） { count...

Javascript对象属性方法汇总

2017年02月06日 16 阅读

数组（Array）：系列元素的有序集合属性：length：用于获取数组元素的个数，既最大下标加 1方法：sort（function）:在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串,在排序;reverse（）:颠倒数组中元素的顺序；concat（array1,arrayn）:用于将N个数组合并到array1数组中；join（string）:用于将数组中元素合并为字符串，string为分隔符，如省略参数，则直接合并，不加分隔...

JS中把字符转成ASCII值的函数示例代码

2017年02月06日 19 阅读

字符转ascii码：用charCodeAt（）;ascii码转字符：用fromCharCode（）;看一个小例子复制代码 代码如下:<script>str="A";code = str.charCodeAt（）; str2 = String.fromCharCode（code）;str3 = String.fromCharCode（0x60+26）;document.write（code+"<br />"）;document.wri...

探讨javascript是不是面向对象的语言

2017年02月06日 15 阅读

1 它拥有对象，可以包含数据和处理数据的方法。对象可以包含其它对象。他没有类（在javascript2.0真正实现之前），但它却有构造器可以做类能做的事，包括扮演变量和方法的容器和角色。他没有基于类的继承，但它有基于原型的继承。两个建立对象系统的方法是通过继承和通过聚合。javaScript两个都有。2 一些评价说javascript不是真正面向对象的因为它不能提供信息的隐藏。也就是，对象不能有私有变量和私有方法：所有的成员都是公共的。但随后有人证明了ja...

JS仿百度搜索自动提示框匹配查询功能

2017年02月06日 20 阅读

1. 添加动态加载css文件 不需要引入css css全部在JS动态生成。2. 不需要额外的标签 只需要一个input输入框 并且默认指定一个class类名为 "inputElem" 当然也可以自己配置参数 还需要一个当前父级容器增加一个默认类名 parentCls（也可以自己配置），因为输入框匹配值后需要一个隐藏域 所以需要隐藏域增加一个class "hiddenCls" 当然也支持自己配置参数。如下代码：复制代码 代码如下:<div class=...

Tab切换组件（选项卡功能）实例代码

2017年02月06日 19 阅读

直接贴代码里面有注释：复制代码 代码如下:/*** 简单的Tab切换* 支持可配置项 如下参数 */ function Tab（）{ this.config = { type : "mouseover", //类型 默认为鼠标移上去 autoplay : true, // 默认为自动播放 triggerCls : ".list", // 菜单项 panelCls : ".tabContent", // 内容项 index : 0, // 当前的索引0 sw...

jquery与prototype框架的详细对比

2017年02月06日 16 阅读

以前做界面是用jquery的，现在因为要用许多ajax效果，改用了rails自带的prototype 因为jquery用多了，换个框架也大同小异，不过细节上有很多不同。。。 1.dom加载方面: jquery有dom ready方法，推迟js函数的绑定知道dom树完成（如果没有这个功能，一些element的事件函数之类的绑定可能会出错）: $（document）.ready（function（）{}）; 但是prototype是没有的。。。得自己找非官方的...

Ajax同步与异步传输的示例代码

2017年02月06日 19 阅读

复制代码 代码如下://同步传输模式 function RequestByGet（nProducttemp,nCountrytemp） { var xmlhttp if （window.XMLHttpRequest） { //isIE = false; xmlhttp = new XMLHttpRequest（）; } else if （window.ActiveXObject） { //isIE = true; xmlhttp = n...

js单例模式详解实例

2017年02月06日 18 阅读

什么是单例？单例要求一个类有且只有一个实例，提供一个全局的访问点。因此它要绕过常规的控制器，使其只能有一个实例，供使用者使用，而使用着不关心有几个实例，因此这是设计者的责任复制代码 代码如下:In JavaScript, Singletons serve as a shared resource namespace which isolate implementation code from the global namespace so as to pr...

使图片旋转的3种解决方案

2017年02月06日 17 阅读

图片旋转效果的研究最近在项目中需要做图片的旋转功能，我研究了一下。下面来总结下图片旋转在各个浏览器的支持情况一、图片旋转的方案1）css3实现图片旋转功能：支持的浏览器有chrome，firefox；opera是不支持的。具体代码为：-moz-transfrom:rotate（90deg）;-webkit-ransfrom:rotate（90deg）;上述代码的意思就是将图片顺时针旋转90度，其实可以旋转任意的度数。但是支持css3的浏览器只有chrome...

tangram框架响应式加载图片方法

2017年02月06日 19 阅读

各种网站经常看到页面滚动到可视区域，然后才加载相应的图片资源，他的本质是什么呢？本文来分析一下很简单，就是判断当前元素是否是可视区域内假设：h1 = 滚动条滚去的高度w1 = 滚动条滚去的宽度h2 = 屏幕的高度obj 表示当前对象 {x：当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y}则应该这样判断在y轴方向上：if（obj.x>h1&&obj.x<h1+h2||obj.x+obj.offsetHeight>h1&&...

js获取对象为null的解决方法

2017年02月06日 19 阅读

页面上动态输出的数据，这是ajax获取的数据我要在页面上展示复制代码 代码如下: success:function（data）{ var arr = data.split（"_"）; var numArr = arr[0].split（","）; var numStr = ""; if（numArr.length==undefined || numArr.length==0）{ $（"#phonenolist"）.html（"对不起,没有查询到相...

js拖动div 当鼠标移动时整个div也相应的移动

2017年02月06日 19 阅读

HTML代码如下，其中，要拖动的div为最外层的div 复制代码 代码如下: <div id="dialog_createUserGroup" class="dialog_main" style=""> <div id="McreateUserGroup"> <div class="title"> <span class="poptitle">新建用户组</span> <span class...

javascript 数组排序函数sort和reverse使用介绍

2017年02月06日 15 阅读

首先我们先说一下reverse方法。 reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中，这个方法并不会创建一个新的 Array 对象。 例如： 复制代码 代码如下: var array1 = ["a","cc","bb","hello",false,0,3]; var array2 = [3,5,2,1,7,9,10,13]; array1.reverse（）; array2.reverse（）; alert（array1）;...

js 实现菜单上下显示附效果图

2017年02月06日 19 阅读

复制代码 代码如下: <！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...

JQuery的ready函数与JS的onload的区别详解

2017年02月06日 19 阅读

JQuery的ready函数与JS的onload的区别：1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$（document）.ready（）是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$（document）.ready（）可以同时编写多个，并且都可以得到执行3.简化写法window.onload没...

Extjs4实现两个GridPanel之间数据拖拽功能具体方法

2017年02月06日 16 阅读

1、之前在winForm上有看过在选择数据时会将一些数据放在待选框中，而用户可以将想要选择的数据放到备选框中，那么如何用Extjs实现类似功能，我们选择用两个gridPanel来模拟其中的备选框和待选框。如下图所示： 定义代码如下：复制代码 代码如下: { xtype:"gridpanel", multiSelect: true, id:"staff", x: 5, y: 0, height: 205, width: 260, viewConfig: {...

js 实现菜单左右滚动显示示例介绍

2017年02月06日 15 阅读

复制代码 代码如下: <！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="Cont...