05 2012 档案

javascript 学习(1)
摘要：第一部分 核心javascript第二章 词法结构 2.1 字符集 javascript 采用双字节对字符Unicode进行编码 2.2 大小写敏感 关键字、变量、函数名以及所有的标示符都采取一致的大小写形式 2.3 空白符和换行符 2.4 可选的分号 习惯使用分号 2.5 注释 2.6 直接量 程序中直接显示出来的数据值 2.7 标示符 一个名字，在javascript中，用来命名变量和函数，或者用作javascript中某些循环的标签 第一个字符必须是字母、_ 、$ ，接下来可以是 字母、数字、_ 、$ (数字不允许作为首字... 阅读全文
posted @ 2012-05-07 17:46 dsfderek 阅读(154) 评论(0) 推荐(0)
网站性能检测尖刀-YUI-Yslow
摘要：YSLOW：什么是yslow: YSlow是Yahoo发布的一款基于FireFox的插件。如何安装yslow: 安装YSlow必须首先先安装 Firebug，然后下载YSlow，再对其安装。yslow有什么用： YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。使用yslow需要注意的地方：必须连接网络，才能对页面进行分析。使用yslow需要注意的地方：它也发布了chrome版本，在chrome中，功能比基于firebug的要少。如何使用Yslow：当我们打开一个网站，如:http://www.xuex123.com/，启动firebug，在fir... 阅读全文
posted @ 2012-05-04 15:48 dsfderek 阅读(293) 评论(0) 推荐(0)
仅IE支持clearAttributes/mergeAttributes方法
摘要：仅IE中HTMLElement元素具有clearAttributes/mergeAttributes方法，它们都是非标准的。一、.clearAttributes()该方法用来清除所有用户定义的属性。如下?1234567<div style="color:red;" onclick="alert(1)" data-a="a" data-b="b">Division</div><script>var div = document.getElementsByTagName('d 阅读全文
posted @ 2012-05-04 15:37 dsfderek 阅读(221) 评论(0) 推荐(0)
jquery评星
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-04 15:28 dsfderek 阅读(226) 评论(0) 推荐(0)
jQuery新版本加载json注意事项
摘要：jQuery在1.4版本后，采用了更为严格的json解析方式，所以所有内容都必须要有双引号。比如以前{key:"28CATEGORY",status:”0″}是没问题的。但升级成1.4后，都必须加上双引号：{"key" : "28CATEGORY","status" : "0"}如果你的jquery升级了版本后，ajax加载json报错，有可能就是这个原因。 阅读全文
posted @ 2012-05-04 14:09 dsfderek 阅读(118) 评论(0) 推荐(0)
JS让浏览器支持HTML5
摘要：JS让浏览器支持HTML5 用JS脚本，让你的网站兼容IE浏览器。HTML5 SHIV的调用和下载 html5.js一定要加在<head></head>里调用 (因为浏览器必须先解释了这个脚本才能解析后面的html5标签，所以不能放在页面底部）下面是下载地址:http://html5shiv.googlecode.com/svn/trunk/html5.js你可以直接调用这个js脚本，用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:复制内容到剪贴板<!--[i 阅读全文
posted @ 2012-05-03 16:35 dsfderek 阅读(159) 评论(0) 推荐(0)
HTML5 Web Storage简介
摘要：HTML5 Web Storage简介 一、HTML5 Web Storage是什么？ HTML5中新增的重要功能可以在客户端本地保存数据便是Web Storage。在HTML4中我们是通过cookies在客户端保存网站用户名等信息，但是cookies的局限性也在长期的使用过程中被发现： 1． Cookies大小被限制在4KB。 2． Cookies随HTTP事务一起被发送，这样会浪费一部分带宽。 3． Cookies很难被操纵，因为它复杂。 二、HTML5 Web Storage的分类 为此HTML5提供了Web Storage—在客户端保存本地数据的方法，然而HTML5 Web St... 阅读全文
posted @ 2012-05-03 16:28 dsfderek 阅读(184) 评论(0) 推荐(0)
HTML5 Web Storage示例
摘要：chrome浏览查看<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>HTML5 Web Storage示例</title> <script type="text/javascript"> // sessionStorage示例JS function savesessionStorage(id) { var target = document.getElementById(id); var str = ta 阅读全文
posted @ 2012-05-03 16:23 dsfderek 阅读(241) 评论(0) 推荐(0)
简单的HTML5 Web Storage留言册
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf 阅读全文
posted @ 2012-05-03 16:11 dsfderek 阅读(227) 评论(0) 推荐(0)
12款有助于简化CSS3开发的工具
摘要：12款有助于简化CSS3开发的工具：网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。现在，本文将为你介绍12款有助于简化CSS3开发的工具。 1、CSS3 Pie: 允许在IE上使用CSS3绝大部分的酷炫功能。 2、CSS3 Builder： 通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。 3、CSS3 Drop shadow generatr： 通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。 4、Cascadr： 非CSS... 阅读全文
posted @ 2012-05-03 16:00 dsfderek 阅读(160) 评论(0) 推荐(0)
css3基础知识
摘要：1.边框圆角（Border Radiuas）<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title></title><style type="text/css">#box1 {width: 100px;height: 100px;padding: 20px;background-color: #ccc;border: 1px solid #699;/* for Mozil 阅读全文
posted @ 2012-05-03 14:49 dsfderek 阅读(323) 评论(0) 推荐(0)
例.网站品牌列表的效果
摘要：佳能(30440) 索尼(27220) 三星(20808) 尼康(17821) 松下(12289) 卡西欧(8242) 富士(14894) 柯达(9520) 宾得(2195) 理光(4114) 奥林巴斯(12205) 明基(1466) 爱国者(3091) 其它品牌相机(7275) 显示全部品牌 ... 阅读全文
posted @ 2012-05-03 14:32 dsfderek 阅读(119) 评论(0) 推荐(0)
例.对多选框进行操作，输出选中的多选框的个数
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-03 11:39 dsfderek 阅读(366) 评论(0) 推荐(0)
例.使一个特定的表格隔行变色
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-03 11:15 dsfderek 阅读(246) 评论(0) 推荐(0)
给网页中所有的p元素添加onclick事件
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-03 11:04 dsfderek 阅读(784) 评论(0) 推荐(0)
jquery(1)-解决冲突
摘要：解决冲突1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content 阅读全文
posted @ 2012-05-03 10:52 dsfderek 阅读(226) 评论(0) 推荐(0)
jquery(1)-DOM jquery
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-03 10:25 dsfderek 阅读(149) 评论(0) 推荐(0)
jquery(1)-导航栏
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2012-05-03 10:15 dsfderek 阅读(517) 评论(0) 推荐(1)
jQuery-find和children方法
摘要：需要查找一个对象内包含的某个子对象。为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。1.children(“condition”) 获取的是一级子元素。2.find("condition")获取包含的所有子元素。 阅读全文
posted @ 2012-05-03 10:06 dsfderek 阅读(184) 评论(0) 推荐(0)