- 博客(71)
- 收藏
- 关注
RSS订阅原创 IE6下fixed功能（expression）
[code="java"]*html #goTop{ _position: absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt...
2011-12-09 15:48:57
221
原创 减少浏览器重解析 JavaScript DOM操作优化方案
在我们开发互联网富应用（RIA）时，我们经常写一些JavaScript脚本来修改或者增加页面元素，这些工作最终是DOM——或者说文档对象模型——来完成的，而我们的实现方式会影响到应用的响应速度。DOM操作会导致浏览器重解析(reflow)，这是浏览器的一个决定页面元素如何展现的计算过程。直接修改DOM，修改元素的CSS样式，修改浏览器的窗口大小，都会触发重解析。读取元素的布局属性比如offse...
2011-11-24 10:26:55
172
原创 跨域iframe高度自适应（兼容IE/FF/OP/Chrome）
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。由于客户端js使用浏览器的同源安全策略，跨域情况下，被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况，提示错误：Permission denied to access property 'document'。这是...
2011-11-23 16:23:52
258
原创 IntelliJ-Idea快捷键
今天第一次正式使用webStorm做前端开发，先来熟悉下快捷键。[b]IntelliJ-Idea快捷键:[/b][code="java"]Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)...
2011-11-21 19:48:21
100
原创 ubuntu-安装aptana3
这两天一直在搭建ubuntu里面到开发环境，对于习惯了win7的傻瓜式的操作的我来说还算是小挑战～不过整个过程还是蛮有意思，渐渐地你会发现鼠标真的是浮云。下面记录下偶怎么安装aptana3（aptana2应该也适用）。翻译参考文档： http://www.ygamretuta.com/2010/12/install-aptana-3-in-ubuntu-10-10/1.安装java...
2011-10-22 04:50:49
157
原创 使用两种简单的方式解析 JSON 格式字符串
[code="java"] //使用两种简单的方式解析 JSON 格式字符串 json1 = eval("(" + jsonStr + ")"), json2 = (new Function("return " + jsonStr))();[/code]
2011-08-12 15:33:07
156
原创 jQuery对select的操作
[code="javascript"]//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] opt...
2011-08-08 15:47:10
76
原创 ajax请求
[code="java"]window.ajax = function(data){ var type = data.type, url = data.url; var request = false; var result; try { request = new XMLHttpRequest(); } catch (trymicrosoft...
2011-07-29 10:53:48
76
原创 Js实现检测、添加、移除样式（className）
[code="java"]// 说明：添加、移除、检测 className function hasClass(element, className) { var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); return element.className.match(reg); } func...
2011-07-26 16:27:11
663
原创 插入话题后部分文字选中
[code="java"]var btn = document.getElementById("btnTopic"); //按钮var text = document.getElementById("statusText"); //文本域btn.onclick = function(){ var con = "请在这里输入自定义话题"; //转载文字 t...
2011-07-07 20:51:05
174
原创 js常见错误积累
[code="java"]unterminated string literal //通常因为换行引起syntax error //语法错误invalid assignment left-hand side //左侧赋值无效[/code]
2011-06-29 23:15:13
85
原创 卡酷岛
卡酷岛，专为儿童打造的绿色社区，来这里写日志、传照片、玩游戏、分享天马行空的想象和多姿多彩的梦想，与同学、朋友开心交流，让快乐充满童年。 ...
2011-06-16 14:53:29
162
一个自定义背景色渐变对象，弥补jQuery的animate函数不足
一个自定义对象fadeColor，来看下底层代码：[code="java"]window.Sys = function (ua){ var b = { ie: /msie/.test(ua) && !/opera/.test(ua), opera: /opera/.test(ua), safari: /webkit/.te...
2011-06-01 15:41:36
119
原创 Js操作Select大全
判断select选项中 是否存在Value="paraValue"的Item 向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value="paraValue"的text为"paraText" 设置select中text="paraText"的第一个Item为选中 设置select中valu...
2011-05-27 18:28:22
80
原创 JavaScript blog式日历控件新算法
[code="java"] blog式日历控件_www.jb51.net_脚本之家 var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Class = { create: function()...
2011-05-27 17:33:24
97
原创 一个随机颜色的函数
[code="java"]function randomColor() { //16进制方式表示颜色0-F var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C
2011-05-17 17:07:56
254
原创 冷笑话！
老俩口看电视，突然转播选美比赛。老头子一看，脸红了，转身进屋。老太太笑：老头子还挺封建。一会老头子回来了，端正坐好，脸上多了副老花眼镜……...
2011-05-15 12:59:07
100
原创 一些常用电台的网址
[code="java"]音乐广播电台 mms://211.89.225.101/live3中央电台音乐频道 mms://vl.sina.com.cn/popmusic东广音乐台动感101 mms://vstream.sina.com.cn/900中广网 MUSIC RADIO mms://vl.sina.com.cn/classicmusic东广音乐台 经典947 mms...
2011-05-08 11:46:06
5474
原创 常用JS判断正则
[code="java"]//是否含有汉字function hasChinese(s){ var rname=/[\u4E00-\u9FA5]/; if(rname.test(s)){ return true; }else{ return false; }}//是否全部是汉字function isChinese(str){ var reg = /...
2011-05-06 18:45:31
123
原创 40种网页常用小技巧(javascript)
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标...
2011-05-04 10:07:14
103
原创 火狐与非火狐获取键值问题keyCode
一次项目中，用到Enter 后ajax提交功能。keyCode，不过在FF下无效，所以找了好多办法。[code="java"]function oKeyTest(buttonId){ var oButton = document.getElementById(buttonId); oButton.onkeydown = function(){ var keyNum = w...
2011-04-26 20:09:48
313
原创 linux压缩解压命令
.tar.gz 解压：tar zxvf FileName.tar.gz 压缩：tar zcvf FileName.tar.gz DirName 大致总结了一下linux下各种格式的压缩包的压缩、解压方法。但是部分方法我没有用到，也就不全，希望大家帮我补充，我将随时修改完善，谢谢！ .tar 解包：tar xvf FileName.tar 打包：tar cvf...
2011-04-23 03:06:42
74
原创 Ubuntu隐藏桌面挂载磁盘图标
当在ubuntu中挂载磁盘或者插入U盘时，会自动在桌面上生成一个快捷图标这其实是为了方便用户操作,假如你为了使桌面简洁,你也可以把它隐藏掉!方法如下:1.打开配置编辑器,在终端中输入:[code="java"]gconf-editor[/code]2.打开后,在窗口左侧依次点开:[code="java"]apps->nautilus->desktop[/code]在右边...
2011-04-23 01:00:39
2167
原创 获取浏览器窗口、页面等元素的大小
[code="java"]网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body...
2011-04-20 12:01:39
135
原创 获取浏览器窗口、页面等元素的大小
[code="java"]网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body...
2011-04-20 12:00:21
94
原创 自定义一个方法原型，取得json对象某个值
[code="java"]Object.prototype.k = function(n, t){ var arr = []; for (pro in this) arr.push(pro); return t ? arr[n] : this[arr[n]]}[/code]一个json对象：[code="java"]var Tabs...
2011-04-19 13:10:03
109
原创 q:before, q:after { content:''; }问题【记录用】
在某些特定条件下，会用到：[code="java"]q:before, q:after { content:''; }[/code]就是引用，在标签之间的文字两头加上引号(")[code="java"]例如：生命的异狂效果为："生命的异狂"[/code]...
2011-04-15 15:33:22
210
原创 解决Flash swf嵌入不能100%高度的问题
除了去掉html中w3c相关的代码，还可以用样式来解决，在网上查找到文章如下：------------分割-----------因为使用方便，所以开始用SWFObject的js包来显示SWF，但是当SWF的大小设置成为100%后，在Firefox中不显示。查了一下，原因如下：It was because I was trying to set the flash f...
2011-04-14 11:39:37
456
原创 Chrome 11开测 新增HTML5语音输入API
Chrome 11 Beta公测版日前发布，尽管与Chrome 10时隔不久，不过Chrome 11并非只是数字上的升级，此次Beta版中就新增了HTML5语音输入API和GPU加速3D CSS两大功能。此外，你还能在该版本中见到全新的Logo。Chrome 11.0.696.16中最突出的亮点无疑是新增了HTML5语音输入API，Google已经将此递交给W3C，希望让它成为HTML5标...
2011-04-13 23:50:29
130
原创 如何活用HTML5 - 教你搭建移动Web应用
HTML5具有语义学、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成和CSS3八大技术特征。让Web应用进入无插件时代，在功能和性能上逼近桌面应用。促使应用Web化，实现跨平台。 HTML5规范草案将于2012年发布候选推荐版，2022年发布计划推荐版。规范的实现似乎还在遥远的未来，其实不然！当前很多浏览器已经部分支持HTML5，caniuse.com提供了详尽的浏览...
2011-04-13 23:45:13
129
原创 微软IE9正式版关于HTML5和CSS3的测试
经过多版测试，IE9正式版于3月15日发布，支持32位、64位的Windows 7及vista系统。这里贴一些关于HTML5和CSS3的测试数据：点击这里下载IE9正式版IE9对CSS3新特性的支持：CSS3新特性IE9对CSS3选择器的支持CSS3选择器IE9对HTML5特性的支持HTML5特性IE9对HTML5表单的支持HTML5表单 ...
2011-04-13 23:43:49
99
原创 50个最佳HTML5国外教程
HTML5作为一个革命性的技术，它可以极大提高网页的相互操作，降低运行成本提高网页效率，可以预见，HTML5必定是未来网页设计开发的主流，如果你做为一名网页开发人员却还没有开始学习HTML5，那么你将会被时代抛弃。下面给大家带来50个国外关于HTML5的技术教程！HTML5 教程,技术与实例Html5 – The BasicsCoding A HTML5 Layout ...
2011-04-11 10:24:12
473
原创 JS获取父页面元素
[code="java"]//iframe下获取父元素var oParent = parent.document.getElementById(Id);[/code]
2011-04-11 01:22:55
750
原创 一个关于获取修改后文本域值的问题
一个Textarea文本域问题。[code="java"] 这是一个数组 提交 function done(){ var e = document.getElementById('textNode'); alert(e.firstChild.nodeValue); }[/code]这种方法无法获取到修改后的文本域值。[code=...
2011-04-10 23:56:47
526
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人