- 博客(41)
- 收藏
- 关注

原创 Javascript 点击div之外任何地方,隐藏div
document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement || e.target; while (elem) {
2012-03-28 17:24:16
4566

原创 Javascript的事件冒泡和事件捕获,阻止事件冒泡,事件源target
事件冒泡事件捕获:父级元素先触发,子级元素后触发事件冒泡:子级元素先触发,父级元素后触发现在在IE和FF下,触发事件基本都是事件冒泡,由内向外的执行 冒泡事件 *{ margin:0; padding:0; } .div1{ width:200px; height:200px; background-color:
2012-03-28 16:59:28
3049

原创 css页面优化
最近看了很多页面优化方面的文章,集合多篇文章,整理总结如下:1、样式放头上,脚本放脚下。不内嵌,只外链。使用 引用样式表,而不是通过 @import 导入。 * 不赞成:Home* 建议用:2、十六进制的颜色值对的位数和大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是
2012-02-08 14:24:53
1305
原创 FullCalendar 中文文档
FullCalendar是一款基于jQuery的日程表插件,功能强大,中文文档:http://keenwon.com/143.html
2014-02-19 03:38:06
1275
原创 百度新闻高级搜索URL中各个参数的意思
news.baidu.com/ns 高级搜索? ?from=news 新闻搜索? &cl=2 分别为1和2的时候,新闻的时间有差别,不明白是不是分别代表“发表日期
2012-04-14 11:51:07
4842
转载 ASP.NET发送邮件
protected void SendEmail(object sender, EventArgs e) { //声明一个Mail对象 MailMessage mymail = new MailMessage(); //发件人地址 //如是自己,在此输入自己的邮箱 mymail.From = new MailA
2012-04-12 14:21:19
980
转载 select的最佳预设(reset)
设置select的CSS为height:22px; line-height:18px; padding:2px 0可以保证在各个浏览器下,高度一致,文字垂直居中详细:http://ued.ctrip.com/blog/?p=3229
2012-04-05 10:29:16
1297
转载 JavaScript中setAttribute用法
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。1、样式问题setAttribute(class, value)中class是指改
2012-03-28 14:48:33
1070
转载 获取卷屏的高度 - document.documentElement
要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签。在标准w3c下,document.body.scrollTop恒为0,需要用document.documentEl
2012-03-28 10:42:15
921
原创 javascript获取元素距离网页的left距离
test *{ margin:0; padding:0; } #div1{ width:500px; height:500px; margin:100px; position:relative; background-color:#CCCCCC; } #div2{ width:300px; height:300px; positi
2012-03-28 10:20:52
4043
1
原创 浏览器的标准兼容模式和怪异呈现模式以及盒模型
盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器。盒子模型在内容区外面,依次围绕着 padding 区,border 区,margin 区,
2012-03-27 09:37:53
5313
原创 Javascript中的with
当执行流进入下列任何一个语句时,作用域链将得到延长:* 1) try-catch语句的catch块* 2) with语句此两个语句会在作用域链的前端添加一个变量对象。对with来说,其变量对象中包含着指定对象的所有属性和方法所作的变量申明;对catch来说,其变量对象中包含的是被抛出的错误对象的申明。这些标量对象都是只读的,因此在with和catch语句中申明的变量都会被添
2012-03-26 10:18:26
1540
转载 JavaScript中的arguments,callee,caller,call,appy
/* * 演示arguments的用法,如何获取实参数和形数数 */function argTest(a,b,c,d){ var numargs = arguments.length; // 获取被传递参数的数值。 var expargs = argTest.length; // 获取期望参数的数值。 alert("实参数目为:"+numargs)
2012-03-26 09:58:40
755
转载 String.Empty、null和""的区别
string.Empty不分配存储空间 ""分配一个长度为空的存储空间 所以一般用string.Empty为了以后跨平台,还是用string.empty在 C# 中,大多数情况下 "" 和 string.Empty 可以互换使用。比如:string s = "";string s2 = string.Empty;if (s == string.Emp
2012-03-22 14:48:50
714
转载 标准模式中的 IE 6&7 width 100% bug
在 web app 项目中经常遇到这个 bug,国外称之为100% ≠ 100% bug,又分为两种:div 的宽度 100% ≠ 100% (IE 6&7)需求:标准模式#container 局部滚动#asie 固定宽度#content 自适应宽度再复杂一点还会要求两列等高,可参考 http://www.99css.com/?p=40HTML
2012-03-10 10:04:50
672
原创 svn服务器端配置资料
http://www.cnblogs.com/zhuispeed/archive/2009/06/26/1511367.htmlhttp://www.cnblogs.com/ttzhang/archive/2008/11/03/1325102.htmlhttp://www.cnblogs.com/ttzhang/archive/2008/11/06/1325940.
2012-02-29 16:51:17
581
转载 中小企业网络构建之:轻松搭建FTP服务器
FTP是文件传输协议的缩写,专用于文件的上传和下载,也是应用较多的Internet服务之一。多用于对WEB网站的更新或者是为用户提供技术文件、产品说明等资料的下载。今天咱们就来看一下如何在中小企业网络中搭建FTP服务器。 FTP也是微软IIS的一部分,所以同WEB服务一样,配置和管理都很简单,但针对用户的访问权限和磁盘容量的限制都要借助于系统的NTFS权限和磁盘配额功能。 下面咱们就来
2012-02-29 12:46:07
3331
转载 优化浏览器渲染
先看这个:浏览器的渲染原理ISD Webteam的大布同学(twitter:@tc_bryanzhang)牺牲了自己大量的xx时间翻译了Page Speed系列中的Optimize browser rendering,以下是翻译全文:优化浏览器渲染资源被下载到客户端后,浏览器仍需加载,解释,并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简
2012-02-06 17:43:03
787
转载 CSS优化需要注意的15个细节
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 3、慎用 * 通配符。所
2012-02-06 13:48:14
592
转载 Yahoo!网站性能最佳体验的34条黄金守则
英文地址http://developer.yahoo.com/performance/rules.html 中文地址 http://www.dudo.org/article.asp?id=214 内容篇 http://www.dudo.org/article.asp?id=215 服务器篇 http://www.dudo.org/article.asp?id=216 Jav
2012-02-06 13:35:28
788
原创 写javascript代码的技巧
1、加号“+”的使用 http://blog.youkuaiyun.com/semanwmj/article/details/71919402、逻辑运算符的使用var a = x && y; 当x=true的时候a=y; 当x=false的时候a=x; 因为当x为false,整个表达式(x&&y)就不继续运算了,但是x=true的时候,还
2012-01-31 15:14:09
732
原创 javascript获取选中文字-兼容各浏览器
function getSelectedText() { if (window.getSelection) { // This technique is the most likely to be standardized. // getSelection() returns a Sel
2012-01-13 14:16:19
1796
转载 Javascript中的加号(+)运算符
在一些框架中看到了类似这样的写法:+new Date();感觉有些怪,查阅了相关资料和一些网友的帮助.对此用法解释如下,希望对大家有所帮助,不合适的地方请大家指正!一,对于引用类型对象(我指的是String,Date,Object,Array,Function,Boolean)的+运算符运算过程如下! 1,首先调用此对象的valueOf方法,得到返回数值A 2,然后把此数值A转换成数字
2012-01-10 20:13:36
2307
转载 Javascript类
类是什么? 许多刚接触编程的朋友都可能理解不了类,其实类是对我们这个现实世界的模拟,把它说成“类别”或者“类型”可能会更容易理解一些。比如“人”这种动物就是一个类,而具体某一个人就是“人”这个类的一个实例,“人”可以有许多实例(地球人超过六十亿了),但“人”这个类只有一个。你或许会说那男人和女人不也是人么?怎么只能有一个?其实这里要谈到一个继承的东西,后边才讲,请继续看下去。
2011-12-21 18:15:29
533
转载 Javascript中的Array对象
在javascript中所有的数组都是Array对象。我们可以通过Array类来创建,维护数组。在javascript中有好几种创建数组的方法var arr = new Array(); //直接声明一个Array对象var arr1 = new Array(20);//声明一个Array对象,并对数组进行初始化,设置数组的大小为20var arr2 = new A
2011-12-21 16:44:42
471
转载 C#中的接口
1、接口的概念及声明接口是一种用来定义程序的协议,它描述可属于任何类或结构的一组相关行为。接口可有方法、属性、事件和索引器或这四种成员的任何组合类型,但不能包含字段。那么接口具有哪些特点呢?·接口类似于抽象基类:继承接口的任何非抽象类型都必须实现接口的所有成员(说明:如类A继承接口B,那么A中必须实现B中定义的属性,方法等)。·不能直接实例化接口·接口可以包
2011-12-20 16:32:04
462
转载 Javascript面向对象编程
Javascript 面向对象编程(一):封装Javascript面向对象编程(二):构造函数的继承Javascript面向对象编程(三):非构造函数的继承
2011-12-19 18:22:20
696
转载 JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文
2011-12-15 09:37:09
26473
2
转载 JS事件
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 o
2011-12-15 09:25:12
609
原创 JS屏蔽鼠标右键(仅支持IE浏览器)
注意:只在IE浏览器下有效 $(document).ready(function () { $(document).bind("contextmenu", function () { return false; }) .bind('dragstart', function () { return false;
2011-12-15 09:06:16
1949
转载 JS中document.createElement()的用法
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 下面,举例说明document.createElement()的用法。例
2011-12-14 13:39:13
917
转载 ASP.NET中的asp:label和asp:literal
一、方案 Literal 最常用于向页面中动态添加内容。 二、背景 Literal 控件表示用于向页面添加内容的几个选项之一。对于静态内容,无需使用容器,可以将标记作为 HTML 直接添加到页面中。但是,如果要动态添加内容,则必须将内容添加到容器中。典型的容器有 Label 控件、Literal 控件、Panel 控件和 PlaceHolder 控件。Literal 控件与 L
2011-12-14 09:52:36
5869
转载 C# List<T>用法
所属命名空间:System.Collections.Generic using System.Collections.Generic; public class List : IList, ICollection, IEnumerable, IList, ICollection, IEnumerable List类是 ArrayList 类的泛型等效类。 该类使用
2011-12-14 09:37:32
1208
转载 进一步理解 javascript对象、数组、映射和哈希表
所有的javascript对象,包括Array对象在内实际上就是一个哈希表,属性名称就是哈希表的key,而属性的值就是哈希表的值。 Array对象与通常意义的数组对象并不相关,通常的数组仅能通过下标来定位function user(n, a){ this.name = n; this.age = a; this.toString = function()
2011-12-13 11:52:46
2667
原创 模拟抽奖2011-12-12
模拟抽奖2011-12-12 #OkNum { width:100px; height:100px; border:5px solid black; overflow:hidden; position:relative; } #numall { positi
2011-12-12 17:06:50
1352
转载 js键盘事件全面控制详解
js键盘事件全面控制主要分四个部分 第一部分:浏览器的按键事件 第二部分:兼容浏览器 第三部分:代码实现和优化 第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一
2011-12-12 15:29:13
2779
1
原创 JS删除数组指定元素
1.delete方法:delete arr[1]这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用for(index in arr)document.write(’arr[’+index+’]=’+arr[index]);这种遍历方式跳过其中undefined的元素* 该方式IE4.o以后都支持了
2011-12-12 14:40:53
6487
转载 JS随机数的函数
document.write(parseInt(10*Math.random())); //输出0~10之间的随机整数document.write(Math.floor(Math.random()*10+1)); //输出1~10之间的随机整数function RndNum(n){var rnd="";for(var i=0;irnd+=Math.floor(Mat
2011-12-12 14:23:23
1862
转载 JS中的prototype 原型链
prototype源自法语,软件界的标准翻译为“原型”,代表事物的初始形态,也含有模型和样板的意义。JavaScript中的prototype概念恰如其分地反映了这个词的内含,我们不能将其理解为C++的prototype那种预先声明的概念。 JavaScript的所有function类型的对象都有一个prototype属性。这个prototype属性本身又是一个object类型的对象
2011-12-08 14:41:27
2710
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人