Javascript
beyond1993
这个作者很懒,什么都没留下…
展开
-
JS获取页面中节点的位置
[code="java"]获取DOM节点位置function pageX(elem) {//获取元素相对于整个文档的X位置的函数; var p = 0; while ( elem.offsetParent ) { p += elem.offsetLeft; elem = elem.offsetParent; ...原创 2011-04-26 13:55:12 · 795 阅读 · 0 评论 -
<a>标签中的 href 和 onclick 的问题
今天遇到一个很奇怪的问题,本意是想点击 转移 这个链接弹出一个层(penLay函数),层中嵌套了一个页面,页面中需要参数name进行查询数据库,结果发现,如果我传的偶数个中文进去,那边显示正常,但一旦我传递了奇数个中文进去,jsp那边取到的就是乱码,实在没辙,我把代码改成 ,惊奇的发现不管奇数还是偶数个中文都没问题,还求高人能解释一下这是为什么!...原创 2011-02-22 11:57:40 · 127 阅读 · 0 评论 -
javascript闭包应用之匿名函数
今天看到javascrip组有问朋友问 (function(){..})() 有什么用,我今天就把这个,我自己所了解的就记下来,先看代码[code="java"](function(){ var parm = "zhangsan"; function getName(){ return parm; } Person = funct...原创 2011-09-24 13:22:31 · 77 阅读 · 0 评论 -
百度的suggest
先看看效果[img]http://dl.iteye.com/upload/attachment/430105/ab7c90e4-aedf-3b8b-8df9-a65fbde9232b.jpg[/img][code="java"]//js代码//把百度的代码提出来了,然后根据我们自己项目的需求稍微做了些修改,效果和百度一样,只是我们这个去掉了表单提交var suggestUrl ...原创 2011-03-05 16:32:18 · 284 阅读 · 0 评论 -
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器)。 1、DOMElement.contains(DOMNode)...原创 2011-08-04 21:26:03 · 97 阅读 · 0 评论 -
javascript DOM操作性能-----创建DOM
在很多时候我们都需要创建一系列的元素节点,就像如下的操作一样:[code="java"]var list = document.getElementById('content');for(var i=0;i); for (var i = 0; i < rows.length; i++) { html.push(''); html.push(...原创 2011-10-30 22:57:34 · 93 阅读 · 0 评论 -
构造函数作用域的安全
在创建javascrip对象的时候,我们用得最多的写法可能就是构造函数+原型 的方式:[code="java"]function Person(name,age,job){ this.name = name; this.age = age; this.job = job;}var p = new Person('zhangsan','25','it')...原创 2011-10-30 23:48:50 · 108 阅读 · 0 评论 -
javascript实现自动换列
在应用Extjs的桌面应用desktop中遇到这个问题,图标需要根据页面的高度来自动换列,效果和http://web.qq.com/?ADTAG=DESKTOP效果一样,开始到网上找用CSS实现的方式,找了一堆没一个是我想要的,我想连QQ都没能用样式直接实现,所以不折腾了,直接用JS实现,逻辑很简单,先获得你页面高度,再获取你所有图标个数,每个图标的高度宽度你是知道的,这样你就可以通过计算获得每个...原创 2011-11-03 12:25:07 · 773 阅读 · 0 评论 -
jquery源码-框架入口
从Jquery整个代码看,入口就是一个自执行的闭包函数[code="java"]/*! * jQuery JavaScript Library v1.8.2 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2012 jQuery Foundati...原创 2013-02-06 17:48:21 · 156 阅读 · 0 评论 -
jquery源码-代码结构
[code="java"]/*! * jQuery JavaScript Library v1.8.2 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2012 jQuery Foundation and other contributors *...原创 2013-02-08 15:09:43 · 106 阅读 · 0 评论 -
jquery源码-jquery变量定义
[b][size=medium]源码 15~93行,jquery变量定义[/size][/b][code="java"]var // A central reference to the root jQuery(document) rootjQuery,//定义jquery根节点 // The deferred used on DOM ready readyList,/...原创 2013-02-10 15:08:48 · 278 阅读 · 0 评论 -
jquery源码-jquery()
[b][size=medium]源码95~289行,jquery.fn核心函数(utils)[/size][/b][code="java"]jQuery.fn = jQuery.prototype = { constructor: jQuery, init: function( selector, context, rootjQuery ) {},//下面单独讲 // St...原创 2013-02-13 14:22:03 · 124 阅读 · 0 评论 -
jquery源码-jquery.extend()
[b][size=medium]源码291~353行,jQuery.extend函数(utils)[/size][/b][color=blue]jQuery.extend()使用方式有三种:1.jQuery.extend({...}),参数为一个对象,这种使用方式是把参数的值cp给jQuery对象,这是扩展jQuery最常用的方式,后面很多代码都采用这种方式。2.jQuery.ex...原创 2013-02-14 12:36:09 · 108 阅读 · 0 评论 -
jquery validation使用说明
http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html原创 2014-05-05 22:50:06 · 95 阅读 · 0 评论 -
Javascript之prototype 原型重写
[code="java"]function Person(){}var person = new Person();Person.prototype={//重写Person原型 name:'zhangsan', sayHi:function(){ alert("重写原型") }}//person.sayHi();这里会报错function...原创 2011-09-19 23:07:24 · 358 阅读 · 0 评论 -
Javascript之Number
[code="java"]//一切从基础开始,之前忙于工作没时间去整理这些东西,现在就算是做个笔记/*alert(0.2+0.4);//这里值值总是和这俩个值的和不等alert(0.14+0.16)//这里也是一样 输出结果并不是0.3alert(0.2+0.2);//这里显示没有问题 输出0.4alert(Infinity);//输出 Infinity alert(-...原创 2011-09-15 00:31:35 · 86 阅读 · 0 评论 -
一个简单的AJAX类
[code="java"]Ajax类function xStr(s) { for (var i = 0; i < arguments.length; ++i) { if (typeof (arguments[i]) != 'string') return false } return true}var ylib =...原创 2011-04-26 17:35:31 · 97 阅读 · 0 评论 -
javascript 操作Cookies
[code="java"]//获取Cookies的通用方法function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) {...原创 2011-01-25 18:28:17 · 100 阅读 · 0 评论 -
加载JS文件
[code="java"]//加载JSfunction loadFile(arr){//需要加载的JS数组 var oHead = document.getElementsByTagName('HEAD').item(0); for(var i=0;i原创 2011-01-25 18:45:37 · 91 阅读 · 0 评论 -
截取字符串显示指定长度,超过部分用省略
[code="java"]function getInterceptedStr(sSource, iLen) { if (sSource.replace(/[^\x00-\xff]/g, "xx").length = iLen) { str += "...."; break; } } retur...原创 2011-01-25 18:50:45 · 371 阅读 · 0 评论 -
获取俩个时间的差(秒数)
[code="java"]//获取俩个时间的时间差function getTimeDiff(sTime, eTime){ var timeDiff = (new Date(sTime.replace(/-/g, "/")) - new Date(eTime.replace(/-/g, "/"))) / 1000; return timeDiff;}//调用方式 getTi...原创 2011-01-25 22:37:31 · 1016 阅读 · 0 评论 -
更新鼠标位置,兼容IE和FF
[code="java"]//更新鼠标位置var mousePos = {x:0,y:0};function mouseCoords(ev){ ev= ev || window.event; if(ev.pageX || ev.pageY){ mousePos = {x:ev.pageX+10, y:ev.pageY+10}; } mousePos = ...原创 2011-01-25 22:39:54 · 90 阅读 · 0 评论 -
把秒转化为基本的时间段表示方式
[code="java"]//把秒转化为基本的日期格式function exchangeTime(msecond) { var dd,hh,mm,ss;//天、时、分、秒 dd = Math.round(msecond / 86400 + 0.5) - 1; hh = Math.round((msecond - dd * 86400) / 3600 + 0.5) - 1; ...原创 2011-01-25 22:43:57 · 244 阅读 · 0 评论 -
创建一个AJAX链接
[code="java"]function getXHR(){//创建一个XHR对象 var xmlhttp; try{ xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlhttp=new XMLHttpRequest(); }catch(e){ xmlhttp=n...原创 2011-01-25 22:48:45 · 86 阅读 · 0 评论 -
可以拖拽的弹出层(并实现最大化,最小化,iframe/HTML)
[code="java"]//拖拽对象function drag(elementToDrag, event) { var startX = event.clientX, startY = event.clientY; var origX = elementToDrag.offsetLeft, origY = elementToDrag.offsetTop; ...原创 2011-01-25 23:01:23 · 690 阅读 · 0 评论 -
js中event对象集合
JS中判断鼠标按键的问题。 IE 左键是 window.event.button = 1 右键是 window.event.button = 2中键是 window.event.button = 4没有按键动作window.event.button = 0Firefox 左键是 event.button = 0 右键是 event.button = 2中键是...原创 2011-08-26 22:42:54 · 236 阅读 · 0 评论 -
为gooleMap V3地图类型添加标注叠加层
[code="java"]//比如google地图中的卫星地图上没有标准信息,下面和实现添加标注层瓦片function addMarkerLayersTile(map){//为普通地图和混合地图添加地标瓦片信息 var label = new google.maps.ImageMapType({ getTileUrl: function(tile, zoom) { var...原创 2011-01-28 00:22:45 · 171 阅读 · 0 评论 -
Javascript之Undefined你可能不知道的
[code="java"] var abc ; alert(abc);//直接输出 undefined 表示变量未被初始化 alert(abc===undefined)//这里输出 true var jeo = undefined; alert(jeo);//这里也输出 undefined 这表明如果给变量初始化 undefined 其和不定义的效果是一样的 ...原创 2011-09-13 21:43:21 · 127 阅读 · 0 评论 -
Javascript之Undefined和null
[code="java"]var abc = null;alert(typeof abc);//这里返回 object,null 其实就是一个空对象的指针,所有这里返回 object没什么奇怪alert(null==undefined);//这里返回 true ,undefined 派生自 null,所以这里相等性比较返回truealert(null===undefined);//...原创 2011-09-13 22:01:29 · 94 阅读 · 0 评论 -
jquery源码-jquery基本操作函数(utils)
[b][size=medium]源码355~905行,这一节的源码部分比较长,不会对所有的代码进行分析[/size][/b][color=blue]这部分主要有:ready文档加载,数据类型判断,数据解析,数组操作等函数[/color][b]接下来看源码,部分需要讲的函数分开详细介绍,这节的内容多,但这块的内容后面的扩展和UI都经常用到:[/b][code="java"]...原创 2013-02-21 14:06:08 · 209 阅读 · 0 评论