JavaScript
文章平均质量分 52
jqrsdsy
这个作者很懒,什么都没留下…
展开
-
批量注册事件——闭包
MonthList.children[i].onclick = (function(i){ return function(){ChgMonth(i)};})(i);转载 2012-02-10 09:17:31 · 339 阅读 · 0 评论 -
innerText兼容火狐和IE
IE中的获取文本方法innerText在firefox中不支持firefox改成了textContent方法/属性并且在Firefox中文本中间的空白自符被无情的替换没了使用起来异常不方便现在好了,用Javascript重新定义了innerText方法使得在Firefox中也可以使用innerText方法并且此方法解决了firefox中空白字符的问题使用方法:将下面转载 2012-04-24 08:47:19 · 354 阅读 · 0 评论 -
iframe自适应高度的多种方法方法小结
对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数:转载 2012-05-31 22:35:05 · 366 阅读 · 0 评论 -
JavaScript的replace方法与正则表达式结合应用讲解
大家好!!今晚在华软G43*宿舍没什么事做,把javascript中replace方法讲解一下,如果讲得不对或不合理是情理之中的事,因为我不是老鸟,也不是菜鸟,我也不知道我当底是什么鸟??呵~~ replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegEx转载 2012-06-04 11:04:27 · 319 阅读 · 0 评论 -
动态载入 JavaScript/Csss 文件
传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在标签里面进行添加:head> script type="text/javascript" src="myscript.js">/script> link rel="stylesheet" type="text/css" href="mai转载 2012-06-04 09:05:08 · 372 阅读 · 0 评论 -
根据class名称获取元素
function getClass(str, root, tag) { if (root) { root = typeof root == "string" ? document.getElementById(root) : root; } else { root = document.body原创 2012-06-13 11:18:51 · 2476 阅读 · 1 评论 -
html元素的部分常用默认样式
html元素的部分常用默认样式 #tb { border-collapse: collapse; } #tb td { border: 1px solid #ddd; padding:2px; font-famil转载 2012-07-24 22:10:48 · 538 阅读 · 0 评论 -
当文档准备就绪时调用函数
/* * 传递函数给whenReady(),当文档解析完毕且为操作准备就绪时, * 函数将作为文档对象的方法调用 * DOMContentLoaded、readystatechange或load事件发生时会触发注册函数 * 一旦文档准备就绪,所有函数都将被调用,任何传递给whenReady()的函数都将立即调用 */var whenReady = (function() { // 这个转载 2012-08-09 21:17:34 · 1632 阅读 · 0 评论 -
jQuery源码分析-10事件处理-Event-DOM-ready
转自:http://nuysoft.iteye.com/blog/1202422作者:nuysoft/JS攻城师/高云 QQ:47214707 EMail:nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 后文预告:封装事件对象 便捷接口解析前记:这一章写的很用心,希望有所启发。因为排版的原因,阅读附件PDF更方便一些转载 2012-09-05 20:46:15 · 753 阅读 · 1 评论 -
jquery事件对象属性
JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是很有作用的。使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象.jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQuery格式化后的事件对象作为唯一参数传入:$("#testDiv").转载 2012-09-05 20:52:31 · 359 阅读 · 0 评论 -
使用 localStorage和userData 的例子
var editor = document.getElementById("editor"); editor.value=""; var UserData = { userData : null, name : location.hostname, //this.name = "css88.com"; init:fu转载 2012-03-13 08:39:41 · 383 阅读 · 0 评论 -
JavaScript本地存储实践(html5的localStorage和ie的userData)
本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:Cookie: 在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考虑而禁用coo转载 2012-02-26 09:08:00 · 639 阅读 · 0 评论 -
JS的Object类的属性和方法
本文介绍JavaScript中的Object类具有的属性和方法的使用。属性:Constructor:对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。Prototype:对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。方法:hasOwnProperty(property):判断对象是否有某个特定的属性。必须用转载 2012-02-22 15:26:51 · 5585 阅读 · 0 评论 -
onbeforeunload与a标签在IE中的冲突bug
onbeforeunload 是window的一个事件,目前Firefox,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比较重要的数据提交之前,防止用户误操作导致数据丢失。典型的应用如gmail中,在写邮件的时候,如果刷新页面或者关闭页面,会出现提示。但是在IE下点击一些a标签时,也会触发onbeforeunload事件。并且href中写javascript:void(0)也不转载 2012-02-20 15:18:34 · 394 阅读 · 0 评论 -
onbeforeunload与onunload事件
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过 window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可 以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读 取新的页面时调用,此时还没开始读取;而onun转载 2012-02-20 15:11:59 · 386 阅读 · 0 评论 -
javascript获取图片大小和尺寸
var img = document.getElementByid("img");//通过ID获取IMG元素 var image = new Image();//new一个image对象 image.src=img.src; //获取尺寸 image.width;//宽 image.height;//高 //获取大小 image转载 2012-02-20 17:13:12 · 6781 阅读 · 1 评论 -
js检测判断链接(URL)是否有效(服务可用)
如何用javascript来判断请求的url/链接有效(可连接,可用)?引言有一个通讯录系统, 同时部署在几台服务器上, 但是主页上有个通讯录的链接, 链接到这个系统. 问题是, 有时候链接指向的服务器出故障, 于是希望在这个服务器出故障(服务不可用)的情况下, 能指向其他服务器的链接.解决方案一: XMLHTTP方案function getURL(url) {转载 2012-02-21 10:56:41 · 14179 阅读 · 0 评论 -
JavaScript获取图片尺寸
方法一:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">分享javascript-sharejs.comvar img=null;function s(){if(img)img.removeNode(true);img=d转载 2012-02-21 11:20:20 · 428 阅读 · 0 评论 -
(译)Javascript的时间方法的内部机制
原文:How JavaScript Timers Work在基础层面上,学习javascript时间方法工作机制是很重要的。经常会遇到时间方法没有按照预期的运作,因为他们是运行在单一时间轴上的。我们先测试三个函数来创建和运作时间轴。var id = setTimeout(fn, delay); – Initiates a single timer which will call the转载 2012-03-09 09:08:13 · 720 阅读 · 0 评论 -
JavaScript可否多线程? 深入理解JavaScript定时机制
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立转载 2012-03-09 09:05:27 · 253 阅读 · 0 评论 -
利用javascript设置网页快捷键
在很多网页中,可以使用快捷来完成一定的动作,比如discuz论坛的“完成后可按 Ctrl+Enter 发布”功能! 这样的功能是用JavaScript中的event属性的KeyCode方法完成,利用onKeyDown事件进行驱动。 在JavaScript中,可以通过keyCode属性来得到用户所按键的ASSCII码值。具体对应关系可以查ASSCII码表。 示例:转载 2012-03-09 16:40:36 · 711 阅读 · 0 评论 -
JQuery最佳实践
1. 使用最新版本的jQueryjQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。下面就来看看,不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句:$(´.elem´)$(´.elem´, context)context.find(´.elem´)我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试转载 2012-09-11 20:44:01 · 233 阅读 · 0 评论 -
怪异模式
<!---->怪异模式(英语:quirks mode)是指在计算机领域中,一些网页浏览器为了维持对较旧的网页设计的向后兼容性,而使用的一种技术,有别于严格遵循万维网联盟(W3C)与互联网工程任务组(IETF)标准而设计的“标准模式”。目录1概述2模式之间的差异和示例2.1接近标准模式3触发不同渲染模式3.1文档类型的比较3转载 2012-09-06 21:47:32 · 402 阅读 · 0 评论 -
IScroll 实践指南(上)
之所以iscroll会诞生,主要是因为无论是在iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。这个不幸的规则导致所有web-app要模拟成app的样子时,只能由一个绝对定位的header 或是footer再加上一个可以内容的滚动的中间区域组成。幸运的是移动webkit提供了一种强大的硬件加速的CSS属性,这个转载 2013-02-21 11:02:43 · 3783 阅读 · 0 评论 -
IScroll 实践指南(中)
上一篇主要是描述iscroll 初始化的参数,以及如何开始初始化一个iscroll实例。那么这篇文章是来描述如何使用 iscroll 提供的API,以及一些没有提供的功能,如何通过参数来控制iscrollIscroll 提供的调用方法有:destroyrefreshscrollToscrollToElementscrollToPagedisableenablestopz转载 2013-02-21 11:03:19 · 833 阅读 · 0 评论 -
jQuery实现的ajax队列(queue)
先来看个需求,页面上有2个ajax call。其中一个ajax需要另一个ajax的数据才能操作。如下面这段代码所描述的帮助0102030405060708091011121314151617$(function(){ vara_data; $.ajax({转载 2013-03-21 09:42:05 · 16012 阅读 · 0 评论 -
文件上传
http://blog.csdn.net/rainyjune/article/details/6877975转载 2014-04-02 10:15:46 · 415 阅读 · 0 评论 -
jquery.scrollLoading.js
/*! * jquery.scrollLoading.js * by zhangxinxu http://www.zhangxinxu.com * 2010-11-19 v1.0 * 2012-01-13 v1.1 偏移值计算修改 position → offset * 2012-09-25 v1.2 增加滚动容器参数, 回调参数*/(function($) { $.fn.scr原创 2014-05-09 11:17:26 · 4060 阅读 · 0 评论 -
jQuery页面滚动图片等元素动态加载实现
一、关于滚动显屏加载常常会有这样子的页面,内容很丰富,页面很长,图片较多。比如说光棍节很疯狂的淘宝商城页面。 或者是前段时间写血本买了个高档耳机的京东商城页面,或者是新浪微博之类。这些页面图片数量多,而且比较大,少说百来K,多则上兆。要是页面载入就一次性加载完毕。乖乖,估计黄花都变成黄花菜了。所以,我们得做点什么,避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载,显示屏幕之转载 2014-05-09 11:16:32 · 805 阅读 · 0 评论 -
使用JS刷新showModalDialog窗口,JS刷新模式对话框
1:在showModalDialo窗口的与之间加上 ,使这个页面上链接都在本窗口中打开 2:在页面中加一个隐藏标签,如:reload 3:在JS中把当前页面的地址赋到的href属性中,并加上一个随机值,使IE不要到缓存中去读页面,执行单击事件。 reload.href = window.location.href + "&random="+Math.random(); reloa转载 2014-05-15 16:22:54 · 2842 阅读 · 0 评论 -
jquery跨域调用webservice
http://www.cnblogs.com/VAllen/archive/2012/07/12/JQueryAjaxRegion.html原创 2014-05-19 15:03:37 · 4494 阅读 · 0 评论 -
CSS竖向Tab
简洁Tab<!--body{ padding:0;font:12px "宋体"; }/*选项卡1*/#lib_Tab1_sx{width:500px;margin:0px;padding:0px;margin-bottom:15px; overflow:hidden;}/*菜单class*/.lib_tabborder_sx{border:1px solid #95C9E1;}.转载 2014-12-10 16:08:38 · 2099 阅读 · 0 评论 -
JS 判断浏览器客户端类型(ipad,iphone,android)
如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是:Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.转载 2013-02-20 11:19:57 · 7499 阅读 · 0 评论 -
mobile safari 下overflow:auto的解决方法
这次有个项目需要完全支持ipad,中间还是遇到了不少的问题。今天有个div需要滚动条在ipad的safari下面失效,mobile safari因为多点触摸的缘故取消了局部区域的滚动条(为了防止和默认的拖动行为冲突)。首先排除了是不是本身布局问题造成的,为此建了一个简单的页面进行测试依然失效,google发现还真是有这样的问题,google reader上也是失效的,mobile safari为此转载 2013-02-20 15:40:06 · 6125 阅读 · 0 评论 -
jQuery的优势
1、轻量级jQuery非常轻巧,采用UglifyJS压缩后,大小保持在30KB左右。2、强大的选择器jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。由于jQuery支持选择器这一特性,因此有一定CSS经验的开发人员可以很容易的切入到jQuery转载 2012-09-11 20:45:56 · 1111 阅读 · 0 评论 -
IE中javascript操作xml演示
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM") //加载文档 //doc.load("b.xml"); //创建文件头 var p = doc.createProcessingInstruction("xml","version='1.0' e转载 2012-09-19 09:46:17 · 464 阅读 · 0 评论 -
获取页面离开onbeforeunload与onunload事件的返回值
转自:http://www.cssha.com/?p=209 在各种项目开发的过程中,页面离开事件onbeforeunload是我们经常要用到的,可以避免用户操作失误,给用户一个选择的机会,就比如我们常常用到的编辑器中。如果用户选择了离开,那么onunload或者onbeforeunload事件自然会触发;但若用户选择了取消,又该如何检测呢?我们假定一个页面离开取消事件,转载 2012-10-11 13:46:54 · 10798 阅读 · 0 评论 -
各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异
作者:钱宝坤转自:http://www.w3help.org/zh-cn/causes/BX2047标准参考无。问题描述一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面。或者在 onbeforeunload 事件内处理一些业务逻辑,在浏览器跳转到新页面之前转载 2012-10-11 14:19:24 · 1491 阅读 · 0 评论 -
beforeunload丢失率统计
转自:http://ued.taobao.com/blog/2012/08/23/the_loss_rate_statistics_of_beforeunload/ 用户体验研究过程中,我们经常需要使用前端脚本采集用户访问行为相关的数据,例如监听鼠标的点击事件,记下点击的位置及被点击的元素等。一个不可避免问题是,何时将采集到的数据发送到服务器呢?最直接的方案是每次收集到数据后转载 2012-10-19 11:57:42 · 985 阅读 · 0 评论 -
字符串定长截取,并加省略号
/********************参数:str:原始字符串 n:需要返回的长度,汉字=2返回值:处理后的字符串********************/function strEllip(str,n){var ilen = str.length;if(ilen*2 <= n) return str;n -= 3;var i = 0;while(i 0){转载 2012-10-31 10:20:22 · 1245 阅读 · 0 评论