JS中onpropertychange和onchange事件区别小结

2017年02月06日 23 阅读

也就是说：onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下，而onchange只有在用键盘改变其值，然后在失去焦点（onblur）后才触发，用js改变其值不能触发！onpropertychange和onchange都不管文本框中的实际值有没有变，只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时，可以考虑只用onblur。 还有一点要注意到，当onblur和onchange事件一起用时，onblur会...

Jquery+WebService 校验账号是否已被注册的代码

2017年02月06日 24 阅读

详细代码如下： Default.aspx 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax_XML._Default" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

转换json格式的日期为Javascript对象的函数

2017年02月06日 23 阅读

复制代码 代码如下://转换json格式的日期（如：{ServerDatetime:"/Date（1278930470649）/"}）为Javascript的日期对象 function ConvertJSONDateToJSDateObject（JSONDateString） { var date = new Date（parseInt（JSONDateString.replace（"/Date（", ""）.replace（"）/", ""）, 10））...

使用Cookies保存网站历史浏览记录实例代码

2017年02月06日 25 阅读

下面的代码，注意利用了cookies的多个增加判定等，学习cookies操作的朋友，非常值得一看。核心代码:复制代码 代码如下:function glog（evt）{ evt=evt？evt:window.event; var srcElem=（evt.target）？evt.target:evt.srcElement; try{ while（srcElem.parentNode&&srcElem！=srcElem.parentNode）{ if（srcE...

javascript中字符串拼接需注意的问题

2017年02月06日 24 阅读

在开发中大家也都会注意尽量使用StringBuilder而不采用普通的字符串拼接方式。但是可能大部分开发者却忽略了js中也需要注意这种效率问题。 下面进行一项性能测试，用事实来说话！ 复制代码 代码如下: function xntest（）{ var d1=new Date（）; var str=""; for（var i=0;i<10000;i++）{ str+="stext"; } var d2=new Date（）; document.writ...

javascript打造跨浏览器事件处理机制[Blue-Dream出品]

2017年02月06日 23 阅读

使用类库可以比较容易的解决兼容性问题.但这背后的机理又是如何呢？ 下面我们就一点点铺开来讲.首先,DOM Level2为事件处理定义了两个函数addEventListener和removeEventListener, 这两个函数都来自于EventTarget接口.复制代码 代码如下: element.addEventListener（eventName, listener, useCapture）; element.removeEventListener（...

jQuery.Autocomplete实现自动完成功能（详解）

2017年02月06日 22 阅读

1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocomplete 2、jquery.autocomplete详解 语法： autocomplete（urlor data, [options] ） 参数： url or data：数组或者url [optio...

通过继承IHttpHandle实现JS插件的组织与管理

2017年02月06日 24 阅读

如： 复制代码 代码如下: <！— Js插件 --> <script type="text/javascript" src="/scripts/popup.js"></script> <script type="text/javascript" src="/scripts/popup-util.js"></script> <！—Jquery插件 --> <script type=...

JavaScript性能优化 创建文档碎片（document.createDocumentFragment）

2017年02月06日 21 阅读

在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下： 复制代码 代码如下: for（var i=0;i<5;i++）{ var op = document.createElement（"span"）; var oText = document.createTextNode（i）; op.appendChild（oText）...

初识javascript 文档碎片

2017年02月06日 23 阅读

后来是一技术群问到以下一段代码： 复制代码 代码如下: function html2node（s） { var d = document.createElement（"div"）; d.innerHTML = s; if （d.childNodes.length == 1） return d.childNodes[0]; var df = document.createDocumentFragment（）; while （d.firstChild） df....

不要在cookie中使用特殊字符的原因分析

2017年02月06日 23 阅读

Constructs a cookie with a specified name and value. The name must conform to RFC 2109. That means it can contain only ASCII alphanumeric characters and cannot contain commas, semicolons, or white space or begin with a $ character...

IE中createElement需要注意的一个问题

2017年02月06日 24 阅读

代码如下： 复制代码 代码如下: var $alertPanel = $（ document.createElement（"div"） ）; $alertPanel.css（"width","120px"）.css（"height","50px"）.text（"Hello CssRain！"）; $（"body",parent.document）.append（$alertPanel）; 顺着他的意思，我也写了个Demo，发现确实是这样。 翻了翻资料，也...

IE6图片加载的一个BUG解决方法

2017年02月06日 28 阅读

代码如下： 复制代码 代码如下: <！--[if IE 6]><script type="text/javascript"> try { document.execCommand（"BackgroundImageCache", false, true）; } catch（e） {} </script><！[endif]--> 注：这个BUG以前就已经发现了，这里只是再次提出来。 更详细的说明可以参考下面的文...

让IE支持RGBa的背景色的代码

2017年02月06日 22 阅读

上代码： Demo #div1 { padding: 10px; width: 380px; height: 205px; background: url（/upload/201007/20100713220102894.jpg）; } #div2 { color: #FFF; font-size: 40px; font-weight: bold; text-align: center; height: 205px; line-height: 2...

javascript客户端解决方案 缓存提供程序

2017年02月06日 21 阅读

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台（memcached,xcache等。） 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作（即使是算法或大量的运算）。 这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器. Starting Simple 复制代码 代码如下: function CacheProvide...

jquery1.4.2 for Visual studio 2010 模板文件

2017年02月06日 24 阅读

1.进入 Program FilesMicrosoft Visual Studio 10.0Common7IDE把ProjectTemplatesCache整个删除 2.把新的ProjectTemplates解压到当前文件夹覆盖原来的文件夹 3.执行deneve /setup 等一两分钟.再开程序就可以了 ProjectTemplates.rar 说明:使用的是vs2010 中文版,-vsdoc.js使用的是1.4.1版的js，所以两个新的API不在智能提...

点击后慢慢弹出下拉菜单效果代码（栏目管理常用）

2017年02月06日 21 阅读

点击后慢慢弹出下拉菜单，sky整理收集。 function $（d）{ return document.getElementById（d）; } // set or get the current display style of the div function dsp（d,v）{ if（v==undefined）{ return d.style.display; }else{ d.style.display=v; } } // set o...

DIV+CSS设计的动感横向导航

2017年02月06日 23 阅读

效果图:演示代码: DIV+CSS打造精美导航菜单，sky整理收集。 body{ background-color: #000000; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; padding:1 1 1 1; width:115px; heigh...

鼠标经过导航菜单时颜色改变效果

2017年02月06日 21 阅读

非常酷的网页导航菜单，sky整理收集。 /* 这是把事件动作绑定到菜单上的函数 */ function attachXMenu（objid）{ var tds=objid.getElementsByTagName（"td"）; for（var i=0;i...

CSS实现同一背景图的导航菜单

2017年02月06日 24 阅读

css实现导航菜单带背景图效果，sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;} #info li{ margin-left:4px; margin-top:15px;} #info a {display:block...