2012年3月6日
js上传图片预览
摘要： 最近项目中用到的图片上传前预览功能，兼容IE6-9，FF<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <body> <input type=file name="doc" id="doc" 阅读全文
posted @ 2012-03-06 12:23 上善若水. 阅读(17806) 评论(13) 推荐(1)
2012年3月1日
json格式转换
摘要： //Json字符串转成Json对象如果用jQuery：$.parseJSON('{"name":"John"}');如果不用jQuery，可以引用json2.jsJSON.parse('{"name":"John"}');//Json转成字符串function Obj2str(o) { if (o == undefined) { return ""; } var r = []; if (typeof o == "string") return 阅读全文
posted @ 2012-03-01 15:15 上善若水. 阅读(1201) 评论(0) 推荐(0)
兼容各浏览器的js判断上传文件大小【转】
摘要： 由于项目需要，在网上找了一个JS判断上传文件大小的程序，经测试兼容IE6-9，Firefox10,Opera11.6,safari5.1,chrome17<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>js判断上传文件的大小</title> <script type="text/javascript" 阅读全文
posted @ 2012-03-01 15:12 上善若水. 阅读(6866) 评论(6) 推荐(0)
2011年12月13日
js颜色选择器
摘要： 写了个javascript颜色选择器功能，功能还不够完整，代码不够健壮，颜色值排序不合理。先发布，后续改进。欢迎各位高手指导，谢谢！~<!doctype html><html> <head> <title>javascript颜色选择器</title> <style type="text/css"> #color_container{ width:290px; /*width:600px;*/ border:1px solid #9c9c9c; ... 阅读全文
posted @ 2011-12-13 17:56 上善若水. 阅读(1941) 评论(0) 推荐(0)
2011年11月24日
Web前端编码规范
摘要： 一、javascript编码规范1．所有js代码应写在一个.js文件中，使用<script type=“text/javascript” src=“xxx.js”></script>引入，不在html文件中直接写js代码2．<script>标签的language属性已废弃，不要再使用3．所有变量使用前必须声明，声明变量需要使用var关键字，否则默认声明的为全局变量，变量名应为英文字母，数字，下划线“_”，美元符号“$”组成，变量名第一个字符不能是数字。4．变量名统一使用小写字母，多个单词时使用驼峰式命名，即后面的单词首字母大写如：userName = “xx 阅读全文
posted @ 2011-11-24 18:00 上善若水. 阅读(762) 评论(1) 推荐(1)
2011年4月2日
比较好的firefox中字符换行解决方法
摘要： 在网页中经常碰到字符断行的问题，一般情况下只要设置了外层容器的宽度都能自动断行，但也不能排除极端情况下，比如数字“11111111”和字母“lllllllllllllllllllllll”的情况下，浏览器就不能自动断行了。这时用word-wrap:break-word;和word-break : break-all;属性就能解决。但这只是IE7及以下浏览器能支持，FF和IE8就不支持了（FF4.0好像可以了）。 原来解决这个问题都是用JS判断字符数，然后加上“<br />”强制断行，今天遇到了新需求，再用这个JS处理就不是很理想了。就是如果用JS判断字符数，因为像数字中文“啊啊啊啊 阅读全文
posted @ 2011-04-02 22:31 上善若水. 阅读(454) 评论(1) 推荐(0)
javascript判断浏览器类型与版本
摘要： 要想写出跨浏览器的javascript，就必须懂得嗅探技术。这是浏览器大战遗留下的大地雷，事已如此，只好认命，乖乖写分支结构吧，函数就是这样不知不觉中变长的。先看单一浏览器的判断，我们没有必须去找navigator.userAgent的麻烦，我在国外的博客网站收集了如下hack，短小精悍：ie = !+"/v1" ; 02.ie =''/v''==''v'' ;03.ie = 0//@cc_on+1;04.ie = !!top.execScript;05.ie = /*@cc_on!@*/!1;06.ie8 = 阅读全文
posted @ 2011-04-02 21:24 上善若水. 阅读(209) 评论(0) 推荐(0)
2010年11月19日
Document.Referrer丢失的几个原因
摘要： Referrer的重要性HTTP请求中有一个referer的报文头，用来指明当前流量的来源参考页。例如在 www.sina.com.cn/sports/上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn /sports/了。在Javascript中，我们可以通过document.referrer来获取同样的信息。通过这个信息，我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说，是非常重要的，这可以告诉我们不同渠道带来的流量的分布情况，还有用户搜索的关键词等，都是通过分析这个referrer信息来获取的。但是，出于各种 阅读全文
posted @ 2010-11-19 11:53 上善若水. 阅读(759) 评论(0) 推荐(0)
2010年10月23日
CSS隐藏文字方法
摘要： 作为一个web前端开发为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用&nbsp；（甚至为空）这样在没有加载到css时就无法知道这个区块究竟是什么内容了正题开始通常偏移掉字体的方式是（1）使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬意将a转化成block的话 阅读全文
posted @ 2010-10-23 00:40 上善若水. 阅读(472) 评论(0) 推荐(0)
2010年8月13日
早该知道的7个JavaScript技巧
摘要： 我写JavaScript代码已经很久了，都记不起是什么年代开始的了。对于JavaScript这种语言近几年所取得的成就，我感到非常的兴奋；我很幸运也是这些成就的获益者。我写了不少的文章，章节，还有一本专门讨论它的书，然而，我现在依然能发现一些关于这种语言的新知识。下面的描述的就是过去让我不由得发出“啊！”的感叹的编程技巧，这些技巧你应该现在就试试，而不是等着未来的某个时候偶然的发现它们。简洁写法JavaScript里我最喜欢的一种东西就是生成对象和数组的简写方法。在过去，如果你想创建一个对象，你需要这样：1var car = new Object();2car.colour = 're 阅读全文
posted @ 2010-08-13 18:45 上善若水. 阅读(107) 评论(0) 推荐(0)
点击右上角即可分享
微信分享提示