自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

丑娘娘不丑

爱前端~爱生活!

  • 博客(36)
  • 收藏
  • 关注

转载 [JS]document.body.clientHeight的取值

有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720.可是在XHTML中, 如果body 体中只有一行, 则docum

2012-10-10 10:18:40 540

原创 时间戳

时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数。它也被称为 Unix 时间戳(Unix Timestamp)。js获取时间戳的代码var data;var timestamp = (new Date()).valueOf().toString().substr(0,10);if(timestamp==data){ alert(1);}else

2012-09-18 17:27:35 356

转载 javascript中this的应用

this是javascript中功能最强大的关键字之一。在javascript中,由于javascript的动态性(解释执行,当然也有简单的预编译的过程),this的指向在运行时才能确定,这个特性再给我们带来迷惑的同事也带来了编程的自由和灵活,结合apply(call)方法,可以使javascript变得异常强大。变化中的this在javascript中,this通常指向的是我们正在执

2012-09-02 11:43:17 507

转载 offsetX,offsetY,layerX,layerY

当需要取到鼠标点击相对于层的位置信息时,在IE下可以用event.offsetX,event.offsetY;在FF下是event.layerX,event.layerY。var x=event.offsetX||event.layerX;var y=event.offsetY||event.layerY;注意:层写好定位,即:position:relative/absolute。

2012-09-01 11:33:58 916

转载 event.srcElement和event.target

event.srcElement从字面上看有以下几个关键字:事件,源。意思为:当前事件的源。我们可以调用的他的各种属性就像:document.getElementById("")这样的功能。IE下,event对象有srcElement属性,但是没有target属性;FF下,event对象有target属性,但是没有srcElement属性,但是他们的作用是相当的。解决办法:使用ob

2012-09-01 11:16:39 333

转载 attachEvent和addEventListener

当某一事件被触发时需要执行某个函数,在IE下可用attachEvent,在FF下则要用addEventListener。attachEvent()有两个参数,第一个是事件名称,第二个是需要执行的函数;addEventListener()有三个参数,第一个是事件名称,但与IE事件不同的是,事件不带"on",比如"onsubmit"在这里应为"submit",第二个是需要执行的函数,第三个参数

2012-09-01 11:06:55 269

转载 isInt(event)

function isInt(e){    var oEvent=e||window.event;    var oTarget=oEvent.target||oEvent.srcElement;}

2012-09-01 10:56:47 620

转载 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

Zero Clipboard的实现原理Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。Zero Clipboard的安装方法首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.j

2012-08-28 17:03:46 23784 6

原创 js中文本选中与不选中

111111111111111111111111111111111    var userSelection,text;  var oBtn=document.getElementById("btn");  oBtn.onclick=function(){   userSelection=window.getSelection()?window.getSelection()

2012-08-26 08:33:30 3209

转载 Math.ceil()和Math.floor()、Math.round()

Math.ceil()和Math.floor()、Math.round()截断数字的两个函数,主要任务是截掉小数以后的位数。区别是:ceil()总是把数字变得越来越大,而floor()总是把数字变得越来越小,Math.round()是采用四舍五入方式取得最接近的整数。

2012-08-07 09:19:54 432

转载 如何让IE6,7均兼容的display:inline-block

zoom:1;/* 触发元素的haslayout属性 */diylay:inline-block;/* 非IE6、7浏览器识别该属性,使得页面也成行块布局 */*display:inline;/* 针对IE6、7定义 display:inline,让块元素呈递为内联对象,并具有display:inline-block属性的表症 */

2012-07-21 19:28:34 828

转载 Javascript操作Select和Option

让select默认选定某值document.getElementById('sss').value='01';1.动态创建select     function createSelect(){       var mySelect = document.createElement("select");         mySelect.id = "mySelect";

2012-07-21 11:47:10 445

转载 split()和join()

JavaScript操作字符串会经常用到的两个方法split()定义和用法split()方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)参数sepatartor必须。字符串或这则表达式,从该参数指定的地方分割stringObject。参数howmany可选。该参数可指定返回的数组的最大长度。如果设置了该

2012-07-21 11:16:58 442

转载 substring() 方法

定义和用法substring()方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)返回值一个新的字符串,该字符串值包含stringObject的一个子字符串,其内容是从strat处到stop-1处的所有字符,其长度为stop减start。注意start参数是必须项,如果stop省略,那么返回的子串会一

2012-07-17 23:03:53 379

转载 鼠标滚动事件

非火狐:onmousewheel -> wheelDelta (返回的总是120的倍数,120表明鼠标向上滚动,-120表明鼠标向下滚动)。火狐:DOMMouseScroll -> detail (返回的总是3的倍数,3表明鼠标向下运动,-3表明鼠标向上运动)。兼容写法:var mousewheelevt=(/Firefox/i.test(navigator.userAgent))?"DO

2012-07-16 21:32:36 438

原创 e.pageX,e.pageY

e.pageX,e.pageY表示鼠标在页面上的位置。

2012-07-11 10:45:00 1442

转载 css()方法

定义和用法css()方法返回或设置匹配的元素的一个或多个样式属性。1.返回第一个匹配的css属性值。注意,当用于返回一个值时,不支持简写的css属性。语法:$(selector).css(name)2.设置所有匹配元素的指定css属性。语法:$(selector).css(name,value)3.使用函数来设置css属性(强大)设置所有匹配的元素中样式属性的值。

2012-07-07 14:33:02 459

转载 eq()方法

eq()方法将匹配元素集缩减值指定index上的一个。语法:.eq(index)参数:index是整数,只是元素的位置(最小为0)。如果是负数,则从集合中的最后一个元素往回计数。详细说明:如果给定表示DOM元素集合的jQuery对象,eq()方法会用集合中的一个元素构造一个新的jQuery对象。所使用的index参数标示集合中元素的位置。如果无法根据指定的index参数找到元素

2012-07-07 13:48:00 1122

转载 index()

index()的定义和用法index()方法返回指定元素相对于其他指定元素的index位置。如果未找到元素,index()将返回-11.获得第一个匹配元素相对于其同胞元素的index位置语法:$(selector).index()2.获得元素相对于选择器的index位置。语法:$(selector).index(element)

2012-07-07 13:25:07 327

转载 Math.random()

Math.random()方法生成0.0至1.0(不包含1.0)的double 型随机函数,一般地,a+Math.random()*B可以返回a+b之间的随机数,不包括a+b。返回指定上限和下限随机整数的通用形式如下:Math.round(Math.random()*elementsCount)+lowerBound这里elementsCount表示要产生的随机整数的数目,lowerB

2012-07-04 09:45:12 507

原创 不得不掌握的定义

AJAX:AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。JSON:JavaScript对象表示法(JavaScript Object Notation),是存储和交换文本信息的语法,类似于XML,但是比XML更小,更快,更易解析。

2012-07-03 23:28:58 286

转载 解决margin-bottom 在IE7、IE6下,失效问题

在设置margin-bottom的元素下边再加上一个空标签,并且定义.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}/*如果去掉clear就会实现不了下边距*/,可以实现效果。

2012-07-01 13:22:29 1454

原创 CSS设置透明度兼容IE6

opacity:0.5; filter:alpha(opacity=50);0.5可以换成任意0-1之间的数值;50可以换成任意0-100之间的整数。但0.5与50相对应。

2012-06-28 14:14:50 893

原创 沟通技巧

以前总是听别人说,沟通很重要,自己也没有在意,工作也是一帆风顺,领导交待完的事情,立马去办,办完了OK了。可是,现在,经常会有一个小问题,别人让我做,我就啥也没想,风风火火做完以后,发现其实需求还没有确定好,做的东西不知道下一步该如何执行。这可能是很多人都会遇到的一个问题,这时候沟通就显现出了它的重要性。首先,确定需求是否确定,如果确定,那么开始执行,如果没有确定,那么开始确定需求,谁提出的。让他

2012-06-04 17:46:47 238

原创 rel="stylesheet"

今天写代码的时候很奇怪,有个css无法加载百思不得其解,经过几次更改,哎,恍然大悟,rel="stylesheet" 忘记加了,一个属性引发的时间告终,看来写代码一定要认真,遇到问题不要慌,冷静排查很重要。

2012-05-24 18:08:19 437

转载 投身移动互联的前提

要有一个比较成熟的开放平台体系,以及对开发者来说要有盈利模式,如果产品受欢迎,用户要有一定方法付费,或者广告的收益。--马化腾

2012-05-17 18:00:54 440

转载 css控制textarea固定大小不出现滚动条

textarea{resize:none;height:100px;width:100px;maxwidth:100px;maxheight:100px;overflow:auto;}

2012-05-17 16:21:26 4694

转载 解决gb2312页面调用utf-8页面的js,显示乱码!

其实解决的办法很简单,在标签里设置一个 charset 即可:charset="UTF-8">在网上看到这么一个方法,很显灵,分享给大家,希望能帮助到更多的人撒。

2012-05-16 16:41:28 717

原创 上线页面模块添加思考

上线页面模块需要添加,我看了一下设计图,晕,这第一个效果还好实现,添加一个小块就OK了。但是第二个效果,也忒复杂了吧。我想都没想就找我们领导去了。问了一下情况,她把线上页面打开,又把设计图打开,我擦~我恍然大悟,第二个我觉得很复杂的效果原来已经存在在页面上了,只是在原来的基础上,在复制出来一个小块就可以了。这件事情也体现了我遇事不够冷静思考的问题。遇到问题,首先应该思考一下如何解决问题,而不是啥问

2012-05-11 13:30:42 287

原创 如何从网上档网页

1.静态网页查看源代码,全选,复制,打开网页编辑器,粘贴,保存即可。2.含有动态生成的页面页面另存为,然后打开。如果遇到在其他的浏览器中可以正常显示,但是在IE中无法显示,那么可能是IE对连接含有文字无法正确显示的问题,这样,就把html和图片 css等所在的文件夹全部替换为全是英文的名字。记住,html里面的连接也需要统一替换。一般情况下,这样就可以解决这个的问题了。 思考:

2012-05-10 16:37:18 426

转载 什么情况下会返回NodeList对象

进行了对getElementsByTagName()的调用;获取了元素的childNodes属性;获取了元素的attributes属性;访问了特殊的集合,如document.forms,document.images等等。

2012-05-07 11:17:22 582

转载 什么是可维护的代码

• 可理解性——其他人可以接手代码并理解它的意图和一般途径,而无须原开发人员的完整解释;• 直观性——代码中的东西一看就能明白,不管其操作过程多么复杂;• 可适应性——代码以一种数据上的变化不要求完全重写的方法撰写;• 可扩展性——在代码架构上已考虑到在未来允许对核心功能进行扩展;• 可调实行——当有地方出错时,代码可以给予你足够的信息来尽可能直接地确定问题所在。

2012-05-02 14:28:11 274

转载 try-catch语句

try {    可能导致错误的代码} catch (error) {    在错误发生时怎么处理}1.finally子句在try-catch语句中是可选的,但finally子句一经使用,其代码无论如何都会执行。try {    可能导致错误的代码} catch (error) {    在错误发生时怎么处理} finally {    一定会执行的

2012-04-21 09:39:59 1423 1

转载 事件委托

事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。        优点:1.document对象很快就可以访问,而且可以在页面生命周期的任何时点上为它添加事件处理程序(无需等待DOMContentLoaded或load事件)。换句话说,只要可单击的元素呈现在页面上,就可以立即具备适当的功能。2.在页面中设置事件处理程序所需的时间更少。只添加一个事件处理程序所需的DO

2012-04-16 11:25:40 451

转载 IE预览添加javaScript代码的本地Html文件后会弹出阻止脚本框问题

IE之所以会弹出阻止脚本框,那是因为微软的一种安全机制限制,虽然可以通过调低安全级别来取消那个提示,但尽量不要去调。把文件放置于服务器上,或在本地架设一个网站服务器,然后把这个文件放到服务器根目录,再用http://localhost/XXX.htm来访问就不会弹了。

2012-04-06 00:06:16 1067

原创 jQuery控制页面高度使页面总是占满整个屏幕(无论分辨率多少)

function AdaptHeight(){    height = $(window).height();    获取浏览器可是窗口的高度    $('.content').css('height',height);    赋值给页面的高度属性    }window.onresize = AdaptHeight();    onresize 事件会在窗口或框架被调整

2012-04-05 23:17:12 6509

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除