-
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
在今天写一个canvas的小程序时,才发现这两者是不一样的。 直接用alert()来显示这两个方法倒底获得的是什么。代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf...
作者:asdasdasd03-30 -
学习javascript,实现插入排序实现代码
插入排序 插入排序是这样实现的: 首先新建一个空列表,用于保存已排序的有序数列(我们称之为"有序列表")。 从原数列中取出一个数,将其插入"有序列表"中,使其仍旧保持有序状态...
作者:asdasdasd03-30 -
javascript中length属性的探索
例子1: 复制代码 代码如下: var obj={0:'a',1:'b'} alert(obj.length); //undefined var arr=['a','b'] alert(arr.length); // 2 从上面的例子看,类数组对象中的length属性并不和它储存的数据...
作者:asdasdasd03-30 -
工作需要写的一个js拖拽组件
复制代码 代码如下: /* *使用方法: * var d = new Drag({id:'dragPannel',maxLeft:500,maxTop:200}); * d.ready(); *请注意: * 拖动对象的left和top样式必须写在其style属性里边 * */ //矫正调...
作者:asdasdasd03-30 -
仅Firefox中链接A无法实现模拟点击以触发其默认行为
而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Firefox5链接A无法实...
作者:asdasdasd03-30 -
事件绑定之小测试 onclick && addEventListener
开发工具中应该有相应的功能,于是测试之: 前提:只是一个简单的小测试,而且 addEventListener 属于标准绑定函数,IE 中与此不兼容(IE 相应的是 attachEvent),所以此次测试先抛弃 IE,使用 ...
作者:asdasdasd03-30 -
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
有时需要将数组转成伪数组(ArrayLike),如下 复制代码 代码如下: var ary = ['one','two','three']; var obj = {}; // 没有length属性 Array.prototype.push.apply(obj, ary); for(var i in o...
作者:asdasdasd03-30 -
读jQuery之十一 添加事件核心方法
这篇看看其源码,这个add定义如下(省略大部分) 复制代码 代码如下: add: function( elem, types, handler, data ) { if ( elem.nodeType === 3 || elem.nodeType === 8 ) { return; } ... } ...
作者:asdasdasd03-30 -
jQuery ajax 路由和过滤器使用说明
遗憾的是,我用到的一个遗留系统并没有做到这样。于是在客户端应用jQuery的ajaxPrefilter改造了一下调用方法。 复制代码 代码如下: <html> <head> <title>ajaxPrefilter demo</title> </head> <...
作者:asdasdasd03-30 -
图片onload事件触发问题解决方法
并且随页面大小的不同情况时好时坏,甚至代码位置的不同而不同。 火狐下一切正常。 解决办法是再onload触发前改变图片src的值,也就是相当于图片开始时有个临时的占位图片,页面载入过程中用js换...
作者:asdasdasd03-30 -
JavaScript 一道字符串分解的题目
去某公司(公司名不说了,人这套题说不定还要用)面试,现场30分钟做了一套题,其中有一道是这样的: 要求用js写一个函数,对传入的形如下网址字符串,返回对应的对象。 如: 若传入字符串a='?n...
作者:asdasdasd03-30 -
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
这里把符合以下条件的对象称为伪数组 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等方法 如 1,function内的arguments 。 2,通过document.forms,Form.elements,Select...
作者:asdasdasd03-30 -
jQuery动态添加的元素绑定事件处理函数代码
我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。 参考:http://api.jquery.com/live/ 以前我们定义事件,比如为元素定义...
作者:asdasdasd03-30 -
读jQuery之十二 删除事件核心方法
.remove 所作的事情与上一篇提到的.add 刚好相反。且与.add中的处理代码一一对应,即 .add 中有多少种添加事件的方式.remove就有对应的删除方式。
作者:asdasdasd03-30
.remove 定义了四个参数 elem, types, handle... -
js中判断文本框是否为空的两种方法
复制代码 代码如下: //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: name 代表的name 为 txtUser 的文本框 if(name.value.length==0){ ale...
作者:asdasdasd03-30 -
jQuery + Flex 通过拖拽方式动态改变图片的代码
代码如下: 复制代码 代码如下: function init() { if(swfobject.hasFlashPlayerVersion("10")){ var flashvars = {}; flashvars.xmlPath = "coffee"; flashvars.name = "coffee"; var params =...
作者:asdasdasd03-30 -
原生JS仿苹果任务栏菜单,放大效果的菜单
相信本菜单会让你学习到一些新鲜的JS技巧。
作者:asdasdasd03-30
JS仿苹果任务栏菜单
body{margin:0;padding:0}
#menu{position:absolute;width:100%;bottom:0;text-align:center;}
... -
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
如下 1,两个div,d1中包含d2 2,d1,d2都设置了absolute或relative 3,隐藏d1 4,隐藏子元素d2 5,显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现,子元素d2也能显示出了(别忘了,d2被displa...
作者:asdasdasd03-30 -
基于jQuery替换table中的内容并显示进度条的代码
效果图如下:http://jialiren.sinaapp.com/jdt/ Html代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <...
作者:asdasdasd03-30 -
JS高级拖动技术 setCapture,releaseCapture
复制代码 代码如下: <script type="text/javascript"> <!-- window.onload=function(){ objDiv = document.getElementById('drag'); drag(objDiv); }; function drag(dv){ dv.onmousedown=funct...
作者:asdasdasd03-30 -
基于jQuery的图片剪切插件
第一步:建立工作区间 首先,我们要位我们这个教程建立一个工作区间,建立如图所示的文件层次结构,以及新建相应的空文件。
作者:asdasdasd03-30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ... -
基于jQuery的弹出隐藏层的窗口特效
运行效果后,点击菜单,会弹出一个注册表单,类似于很多论坛的用户注册及登录功能那样,目前还是挺流行的。
作者:asdasdasd03-30
弹出层
.pro_list {
width:720px;
margin:0 auto;
}
.menu {
wi... -
仅img元素创建后不添加到文档中会执行onload事件的解决方法
示例 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> <script> var img = docu...
作者:asdasdasd03-30 -
基于jquery实现漂亮的动态信息提示效果
简单,漂亮,动画效果,用户体验好!
作者:asdasdasd03-30
这个效果是在页面头部出现的,出现一下会自动隐藏,上面有x那个提示就要手动关闭一下,其他的都是自动隐藏的! 温馨提示:基于jquery 1.6.2 版本!复制代码... -
JS按位非(~)运算符与~~运算符的理解分析
那么,对于typeof var!==”number”的类型来说,进行运算时,会尝试转化成32位整形数据,如果无法转换成整形数据,就转换为NaN; JS在位运算上用了更简便的一种方法来实现这中运算,那么它的实现...
作者:asdasdasd03-30