lesscss使用方法有两种：

页面添加一个 less.js的文件，css使用 style.less 文件后缀来编写，不过需要有服务器的环境支持

在服务器端使用node.js来编译，node.js 使用 less的方法如下：
先使用npm包管理器来安装
$ npm install less
然后就可以使用命令行来编译压缩less代码了
$ lessc styles.less > styles.css

下面是一些lesscss的语法：

1、使用变量：

2、组合

3、选择器

4、变量预算

5、import 外部css

通用引用了lesscss，我们就可以将css写得模块化，有更好的阅读性。

首先可以通过 import 讲网站的样式分成 n个模块，当页面需要哪个模块就引用哪个。还可以将css3那些新增的功能定义成类库，由于有函数的功能，那些圆角，阴影之类样式只需要定义一次就可以了。讲页面需要使用到的主要文本，边框，背景色定义成变量给后续样式使用，到时网站风格需要改变，颜色也很好的修改。

我个人觉得先阶段lesscss的不足有：

1. css3的样式不能自动补全其他浏览器的hack。
2.使用nodejs在window系统下的支持不够，不过最近刚刚不久发布了一个nodejs window版，这方面估计在不久的将来会改善
3.编辑器，ide对lesscss语法缩进支持不够友好。

转自–强记《使用lesscss来编码编写css》

您可能也喜欢：
IE6因为编码问题无法正确解析CSS文件	CSS 3.0 参考手册 (中文版)	关于CSS的书写习惯	CSS中关于背景图的应用技巧	CSS清除浮动的一些方法
无觅

相关文章

• 2009-11-11 -- 左右两栏等高实现方法 (6)
  等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白，有时需要让右边的高度和左边的保持一致。实现的方法有很多，以前一般是用背景填充来模拟。虽然很简...
• 2009-08-30 -- CSS 3.0 参考手册 (中文版) (9)
  作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。不管你是第一次准备去认识CSS3，还是已经略知皮毛，这个来自腾讯的webteam发布的CSS 3.0 参考手册 (中文版)将有助...
• 2009-07-07 -- 如何使你的CSS样式更易阅读? (15)
  在做wordpress主题的时候，样式是最重要的一部分。作为主题的制作者，我们不但要考滤页面的还原完整度，还要一个重要的就是要让CSS阅读起来很容易。因为不管我们怎么尽力去做到完美，但每个人都想主题更...
• 2009-06-18 -- 关于CSS的书写习惯 (7)
  其实每个人都有自己喜欢的书写格式习惯，我在刚学CSS的时候，什么都不知道，只是要实现什么效果，我后就写个ID或类进去。放哪个位置也不管，丢进去就行了。反正效果实现了；后来当需要修改某些地方的时候，才发...
• 2009-06-03 -- CSS实现自动换行的小技巧 (4)
  大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！ 对于div 1.（IE浏览器）white-space:normal; word-...

type=1 为我的广播；
type=2 为我的首页时间线；
直接打开这个地址，会看到有一串很大的数据，weiboData({Data…});一开始不了解这个JSONP是啥玩意。所以用PHP把这个做相应处理后再输出JSON格式，然后AJAX请求，返回后处理。后来在胖神（现在叫胖帝了）的指导下，才知道可以直接用JS读取数据。于是一翻折腾，总算完成了。后来查了查下资料，了解了一下 jsonp 跨域请求方式.跟大家分享一下。

其实 jsonp 是个很简单的一个东西。
主要是利用了 script 标签对 javascript 文档的动态解析来实现。（其实也可以用eval函数）。

来个超简单的例子：

点击运行之后会弹出一个对话框，内容为OK。
这里weiboData是回调函数名称，data就是里面的json数据。

Jsonp原理：

首先在客户端注册一个callback, 然后把callback的名字传给服务器。
此时，服务器先生成 json 数据。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp.
最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里.（动态执行回调函数）

这个和上面的例子有点区别，腾讯微博是服务器生成固定的名称，客服端直接调用就行了。
到此终于知道JSONP是啥了。大家也可以试试去折腾

您可能也喜欢：
不刷新（AJAX）获取文章的内容	关于Tab(选项卡)的一些实现方式	搜狐博客开放平台博客模板设计大赛	如何合理使用链接打开方式	爆笑，史上脾气最好的接线员
无觅

随机日志

• 2012-04-17 -- Work it right tonight (0)
  http://www.sarahc-media.ic.cz/Sarah%20Connor%20-%20Work%20It%20Right%20Tonight.mp3...
• 2011-09-01 -- WordPress主题：perfct 1.0 (96)
  已经很久很久没写日志了。更不知道有多久没有发布新主题了！好像已经失去了那种曾经的兴趣和动力，很多时候想写，却又找不到话题。有些技术上的文章想分享。但又懒得编缉。要分析，上代码，做实例。最终只是想想而已...
• 2011-06-07 -- 解决wordpress分页问题 (0)
  这是为解决使用query_post()函数调用某一类文章后引起的分页问题的办法。 query_post()非常有用，可以输出wordpress主循环以外的自定义文章，但是缺点在于覆盖了post变...
• 2009-04-07 -- 今天要回老家了 (9)
  今天得早点起了，得去买票。算算有两年多没回老家了，现在的心情有点复杂。 这两天每天都是睡到中午11点多才起来。睡太晚了，精神不好，郁闷。 这个主题总算完成的差不多了，还有几个页面没做，回来后再整吧...
• 2008-09-11 -- 酷狗推出手机版 (2)
  1. 低资源占用，软件内置解码器，高精度音质，并支持FLAC等高品质格式 2. 内置歌手头像自动识别显示，无需GPRS流量 3. 完美的歌词显示，并支持酷狗的KRC卡拉OK歌词 ...

对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列
而对于多个元素要依次执行动画，则必须我们手动设置队列进行了。

一个例子，要两个div依次向左移动，点击这里查看
如果只是轮流移动次数较少，可以使用animate的回调函数来做，一个动画放在另一个动画的回调里边
比如

$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function() {
$(“#block2″).animate({left:”+=100″},function() {
$(“#block1″).animate({left:”+=100″},function(){
alert(“动画结束”);
});
});
});
});
});

但这种方法当动画较多的时候简直是残忍。

此时利用queue和dequeue则显得简单很多：

var FUNC=[
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function() {$("#block2").animate({left:"+=100"},aniCB);},
function() {$("#block1").animate({left:"+=100"},aniCB);},
function(){alert("动画结束")}
];
var aniCB=function() {
$(document).dequeue(“myAnimation”);
}
$(document).queue(“myAnimation”,FUNC);
aniCB();

1，我首先建立了一个函数数组，里边是一些列需要依次执行的动画
2，然后我定义了一个回调函数，用dequeue方法用来执行队列中的下一个函数
3，接着把这个函数数组放到document上的myAnimation的队列中（可以选择任何元素，我只是为了方便而把这个队列放在document上）
4，最后我开始执行队列中的第一个函数

这样做的好处在于函数数组是线性展开，增减起来非常方便。
而且，当不要要继续进行接下来动画的时候(比如用户点了某个按钮)，只需要清空那个队列即可。而要增加更多则只需要加入队列即可

//清空队列
$(document).queue(“myAnimation”,[]);
//加一个新的函数放在最后
$(document).queue(“myAnimation”,function(){alert(“动画真的结束了！”)});

这当然也可以用于ajax之类的方法，如果需要一系列ajax交互，每个ajax都希望在前一个结束之后开始，之前最原始的方法就是用回调函数，但这样太麻烦了。同样利用queue添加队列，每次ajax之后的回调中执行一次dequeue即可。

摘自：http://shawphy.com/2009/04/how-to-use-queue-and-dequeue.html

您可能也喜欢：
jQuery性能优化指南	jQuery 实现 tab 切换一例	用jquery写一个简单的菜单伸缩效果	一个jQuery弹出层(tipsWindown)	jQuery实现背景图渐变切换
无觅

相关文章

• 2011-08-17 -- Flight主题更新 (19)
  这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
• 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
  已更新为2.7...
• 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
  关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
• 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
  最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...
• 2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
  相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...

在这个结构中，“.pagenavi”是外部框架，100%宽度。而目的，是为了让“.pagenavi”下的“ul”块能够居中显示。可是因为“ul”块中的节点“li”并不固定且为块元素，所以无法确认其父层最终宽度。我们知道一般情况下要让元素居中，直接给宽度和“margin: 0 auto”就行了。但在这里无法确定其宽度，所以这时这种方法就行不通了。

解决方案一：相对浮动

“.pagenavi ul” 向左浮动50%，是以外层“.pagenavi”的宽度为标准的；子节点“li”向右浮动50%，是以层“ul”的宽度为标准的，这里无需定义内层的宽度。这样算是一个小技巧，让“ul”居中了。也补足了float没有center属性的缺陷。

解决方案二：display:inline-block

详细的请点击下面的链接：

未知宽度容器的居中解决方案

您可能也喜欢：
解决wordpress分页问题	IE下中英文字体不能对齐原因及解决	Work it right tonight	Opera中国版开发代号：朱雀	黑莓主题的改版总算完成了
无觅

相关文章

• 2008-11-25 -- CSS清除浮动的一些方法 (6)
  CSS的浮动为我们的布局带来了很大的好处，利用浮动我们可以很方便的写出各种版式。但浮动同时也带来很多问题；这些问题基本上都因为没有及时的或者在适当的位置清楚浮动。下面来说下常用的清除浮动方法： ...
• 2008-08-21 -- DIV水平居中的方法小结 (0)
  我想这个是我们经常遇到的一个问题，当然对很多人来说，这是个很简单，很容易解决的问，在这里我只是把这些常用的方总结下。 一、margin:auto 0 与 text-aligh:center 这个方...

关于插件：

已更新为2.8

一个基于jQuery的弹出层。最新版本2.8;

支持拖拽，支持多窗口。内容为文字，ID，图片，SWF，URL，框架；

这个插件前前后后修改了几个月了。一直在改进；到现在差不多了。以后不会经常更新了；

参数JS代码里已作注释，这里不再复述；所有参数都为可选。就这么多了；有问题大家留言或发邮件给我！

更新：(2011-05-16)

1. 已修复IE6下存在的问题；

2. 然后增强了随机生成的ID防重复；

3. 新增了一个获取当前弹出层ID的方法 $.XYTipsWindow.getID()；

4. 增加了ID判断，当传了ID的时候。只能弹出一个窗口；

更新：(2011-01-27)

1. 修复了IE下的fixed定位input type=text元素无法输入；

2. 重写了定位方法，参照floatDIV插件的定位方式；

3. 新增加了一个内容类型“swf”；

4. 新增对话模式(支持回调)；

5. 重写吸附模式定位；

6. 修复IE6下置底时仍可以往下拖动滚动条；

7. 新增“___windowBgColor”，“___windowBgOpacity” 两个参数用来设置遮罩层颜色和透明度；

8. 其他细节修改；

详细的看演示页吧：http://leotheme.cn/wp-content/uploads/Example/js/XYTipsWindow/v2.8/

您可能也喜欢：
一个jQuery弹出层(tipsWindown)	jQuery 实现 tab 切换一例	用jquery写一个简单的菜单伸缩效果	jQuery性能优化指南	jQuery实现背景图渐变切换
无觅

相关文章

• 2009-11-25 -- 一个jQuery弹出层(tipsWindown) (100)
  弹出层效果网上很多很多，也没啥好说的了。写这个只是作为学习JQ的一些记录。此插件的一些方法参考了花匠的dialog；在此表示感谢。 接着说说这种弹出层的原理或者说是做法。总结下经验；首先需要一个遮罩...
• 2011-09-08 -- jQuery中queue和dequeue的用法 (1)
  今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
• 2011-08-17 -- Flight主题更新 (19)
  这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
• 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
  关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...
• 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
  最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...

对于代码这个也没啥说的了。会点JQ的能看懂。看不懂的我也说不明白。例子就在文章的头上；

您可能也喜欢：
Flight主题更新	WordPress主题：perfct 1.0	EveryTime	WordPress“主题壁纸”	黑莓主题的改版总算完成了
无觅

相关文章

• 2011-09-08 -- jQuery中queue和dequeue的用法 (1)
  今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
• 2011-08-17 -- Flight主题更新 (19)
  这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
• 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
  已更新为2.7...
• 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
  最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...
• 2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
  相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...

症状： 其实语句是执行了，如上面的代码，TRY的时候并没有抛出错误，但返回的内容就是空值。

百度了半天没发现解决方法。 后来GOOGLE了一下老外的内容，才发现问题的症结

http://forum.jquery.com/topic/load-and-ajax-not-working-on-google-chrome

原来是Chrome 5+里面对非针对服务端的Ajax调用做了严格的限制，如果是在SERVER端调用就没有问题了。。。。。。无语

作个记录。我昨正也遇到这个问题了；

原文：http://hi.baidu.com/barkbread/blog/item/acc0bdd4b786e70ca08bb73f.html

您可能也喜欢：
不刷新（AJAX）获取文章的内容	jQuery中queue和dequeue的用法	jQuery 实现 tab 切换一例	用jquery写一个简单的菜单伸缩效果	JQ弹出层插件(tipsWindow 2.8)
无觅

相关文章

• 2009-11-30 -- 不刷新（AJAX）获取文章的内容 (53)
  相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲...
• 2011-09-08 -- jQuery中queue和dequeue的用法 (1)
  今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
• 2011-08-17 -- Flight主题更新 (19)
  这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
• 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
  已更新为2.7...
• 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
  关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...

1. Document.form.item 问题
现有问题：
现有代码中存在许多 document.formName.item(“itemName”) 这样的语句，不能在 firefox下运行

解决方法：
改用 document.formName.elements["elementName"]

2. 集合类对象问题
现有问题：
现有代码中许多集合类对象取用时使用 ()，IE 能接受，firefox 不能。
解决方法：
改用 [] 作为下标运算。如：document.forms(“formName”) 改为 document.forms["formName"]。
又如：document.getElementsByName(“inputName”)(1) 改为 document.getElementsByName(“inputName”)[1]

3. window.event
(1)现有问题：
使用 window.event 无法在 mf 上运行
(2)解决方法：
mf 的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通：
原代码(可在ie中运行)：
原代码(可在IE中运行)：

新代码(可在IE和MF中运行)：

此外，如果新代码中第一行不改，与老代码一样的话(即 gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案 tpl 部分仍与老代码兼容。

4. HTML 对象的 id 作为对象名的问题
现有问题
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 firefox 中不能。
解决方法
用 getElementById(“idName”) 代替 idName 作为对象变量使用。

5. 用idName字符串取得对象的问题
现有问题
在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象，在MF 中不能。
解决方法
用 getElementById(idName) 代替 eval(idName)。

6. 变量名与某 HTML 对象 id 相同的问题
现有问题
在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。
解决方法
在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。
此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。

7. event.x 与 event.y 问题
现有问题
在IE 中，event 对象有 x, y 属性，MF中没有。
解决方法
在MF中，与event.x 等效的是 event.pageX。但event.pageX IE中没有。
故采用 event.clientX 代替 event.x。在IE 中也有这个变量。
event.clientX 与 event.pageX 有微妙的差别（当整个页面有滚动条的时候），不过大多数时候是等效的。

如果要完全一样，可以稍麻烦些：
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
其它
event.layerX 在 IE 与 MF 中都有，具体意义有无差别尚未试验。

8. 关于frame
现有问题
在 IE中 可以用window.testFrame取得该frame，mf中不行
解决方法
在frame的使用方面mf和ie的最主要的区别是：
如果在frame标签中书写了以下属性：

那么ie可以通过id或者name访问这个frame对应的window对象
而mf只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
ie： window.top.frameId或者window.top.frameName来访问这个window对象
mf： 只能这样window.top.frameName来访问这个window对象

另外，在mf和ie中都可以使用window.top.document.getElementById(“frameId”)来访问frame标签
并且可以通过window.top.document.getElementById(“testFrame”).src = ‘xx.htm’来切换frame的内容
也都可以通过window.top.frameName.location = ‘xx.htm’来切换frame的内容
关于frame和window的描述可以参见bbs的‘window与frame’文章
以及/test/js/test_frame/目录下面的测试

9. 在mf中，自己定义的属性必须getAttribute()取得
10.在mf中没有 parentElement parement.children 而用 parentNode parentNode.childNodes
childNodes的下标的含义在IE和MF中不同，MF使用DOM规范，childNodes中会插入空白文本节点。一般可以通过node.getElementsByTagName()来回避这个问题。 当html中节点缺失时，IE和MF对parentNode的解释不同，例如

MF中input.parentNode的值为form, 而IE中input.parentNode的值为空节点

MF中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)

11.const 问题
现有问题:
在 IE 中不能使用 const 关键字。如 const constVar = 32; 在IE中这是语法错误。
解决方法:
不使用 const ，以 var 代替。

12. body 对象
MF的body在body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在

13. url encoding
在js中如果书写url就直接写&不要写&例如var url = ‘xx.jsp?objectName=xx&objectEvent=xxx’;
frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器
一般会服务器报错参数没有找到
当然如果是在tpl中例外，因为tpl中符合xml规范，要求&书写为&
一般MF无法识别js中的&

14. nodeName 和 tagName 问题
现有问题：
在MF中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。在 IE 中，nodeName 的使用好象
有问题（具体情况没有测试，但我的IE已经死了好几次）。
解决方法：
使用 tagName，但应检测其是否为空。

15. 元素属性
IE下 input.type属性为只读，但是MF下可以修改

16. document.getElementsByName() 和 document.all[name] 的问题
现有问题：
在 IE 中，getElementsByName()、document.all[name] 均不能用来取得 div 元素（是否还有其它不能取的元素还不知道）。

17. 对象问题
1.1 Form对象
现有问题：
现有代码这获得form对象通过document.forms(“formName”)，这样使用在IE 能接受，MF 不能。
解决方法：
改用 作为下标运算。改为document.forms["formName"]
备注
上述的改用 作为下标运算中的formName是id而name

1.2 HTML对象
现有问题：
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能。
document.all(“itemName”)或者document.all(“itemId”)
解决方法：
使用对象ID作为对象变量名
document.getElementById("itemId")
备注
document.all是IE自定义的方法，所以请大家尽量不使用。
还有一种方式，在IE和MF都可以使用
var f = document.forms["formName "];
var o = f. itemId;

1.3 DIV对象
现有问题：
在 IE 中，DIV对象可以使用ID作为对象变量名直接使用。在 MF 中不能。
DivId.style.display = “none”
解决方法：
document.getElementById(“DivId”).style.display = “none”
备注
获得对象的方法不管是不是DIV对象，都使用getElementById方法。参见1.2

1.4 关于frame
现有问题
在 IE中 可以用window.testFrame取得该frame，mf中不行
解决方法
在frame的使用方面MF和IE的最主要的区别是：
如果在frame标签中书写了以下属性：

那么IE可以通过id或者name访问这个frame对应的window对象
而mf只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
IE： window.top.frameId或者window.top.frameName来访问这个window对象
MF：只能这样window.top.frameName来访问这个window对象
另外，在mf和ie中都可以使用window.top.document.getElementById(“frameId”)来访问frame标签
并且可以通过window.top.document.getElementById(“testFrame”).src = ‘xx.htm’来切换frame的内容
也都可以通过window.top.frameName.location = ‘xx.htm’来切换frame的内容

1.5 窗口
现有问题
IE中可以通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是MF不支持。
解决办法
直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要传递参数，可以使用frame或者iframe。

2. 总结
2.1 在JS中定义各种对象变量名时，尽量使用id，避免使用name。
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 MF 中不能，所以在平常使用时请尽量使用id，避免只使用name，而不使用id。

2.2 变量名与某 HTML 对象 id 相同的问题
现有问题
在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。
解决方法
在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。
此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。

1. document.all
Firefox可以兼容document.all， 但会生成一条警告。可以用getElementById(“*”) 或者 getElementByTagName(“*)来代替
不过对于document.all.length等属性，则完全不兼容。
2. parentElement
这个也不兼容。比方说， obj.parentElement.name 则应改成 obj.parentNode.attributes.getNamedItem(“name”).nodeValue （不知道如何写得更简洁些）
3. event
W3C不支持windows.event
比方说:
在IE里面

工作正常。不过在Firefox中，则改成：

1：innerText
IE支持，FIREFOX不支持
解决办法：用innerHTML,2种浏览器都识别innerHTML

2：document.createElement
document.appendChild
在往表里插入行时
FIREFOX支持，IE不支持
解决办法：把行插入到TBODY中，不要直接插入到表

3：setAttribute(‘style’,'color:red;’)
FIREFOX支持(除了IE，现在所有浏览器都支持)，IE不支持
解决办法：不用setAttribute(‘style’,'color:red’)
而用object.style.cssText = ‘color:red;’(这写法也有例外)
最好的办法是上面种方法都用上，万无一失 ^_^
4:class
setAttribute(‘class’,'styleClass’)
FIREFOX支持，IE不支持(指定属性名为CLASS，IE不会设置元素的CLASS属性，相反只使用SETATTRIBUTE时IE自动识别CLASSNAME属性)
解决办法：
setAttribute(‘class’,'styleClass’)
setAttribute(‘className’,'styleClass’)
2种都用上

5:用setAttribute设置事件
var obj = document.getElementById(‘objId’);
obj.setAttribute(‘onclick’,'funcitonname();’);
FIREFOX支持，IE不支持
解决办法：
IE中必须用点记法来引用所需的事件处理程序,并且要用赋予匿名函数
如下：
var obj = document.getElementById(‘objId’);
obj.onclick=function(){fucntionname();};
这种方法所有浏览器都支持

6：建立单选钮
IE以外的浏览器

IE:

解决办法：
这一点区别和前面的都不一样。这次完全不同，所以找不到共同的办法来解决，那么只有IF-ELSE了
万幸的是，IE可以识别出document的uniqueID属性，别的浏览器都不可以识别出这一属性。问题解决。

0：共同的一些技巧
在动态建立INPUT型输入元素时，一般是先加入，在设置TYPE。这就有可能出错

好习惯：var btn = document.createElement('input');
btn.setAttribut('type','button');
document.getElementById('formId').appendChild(btn);

来源于：http://blog.csdn.net/zqian1987/archive/2008/03/02/2140055.aspx

您可能也喜欢：
能支持IE6的前端更牛，还是敢对IE6说不的更牛？	最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存)	IE6因为编码问题无法正确解析CSS文件	鼠标滚轮缩放图象兼容[IE、FF、Opera]	CSS样式中class和id的区别和含义
无觅

相关文章

• 2009-06-03 -- CSS实现自动换行的小技巧 (4)
  大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！ 对于div 1.（IE浏览器）white-space:normal; word-...
• 2009-08-30 -- CSS 3.0 参考手册 (中文版) (9)
  作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。不管你是第一次准备去认识CSS3，还是已经略知皮毛，这个来自腾讯的webteam发布的CSS 3.0 参考手册 (中文版)将有助...
• 2009-07-24 -- 能支持IE6的前端更牛，还是敢对IE6说不的更牛？ (27)
  作为一个前端，是能够支持更多的浏览器比较牛，还是勇于对IE6说不，更牛一些呢？IE6在其特定历史时期内起到了举足轻重的作用。而如今，是时候让他寿终正寝，离开历史舞台的时候了，他却欲罢还休不离不弃。面对...
• 2009-06-11 -- jQuery 实现 tab 切换一例 (11)
  对于Tab切换，我想大家都不陌生了。现在几乎是到处可见了；今天为大家介绍下怎么用jQuery来实现一个简单的Tab切换效果。其实这类例子网上也有很多了，在这里不讨论它的实现原理，因为都是些最基本的应用...
• 2009-05-27 -- jQuery性能优化指南 (6)
  现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开...

首先，定义三个变量：

然后构建一个加载的函数：

这部分对于不懂JQ的人来说可能有点复杂。懂JQ的人看起来一定很简单。就是一个对DOM的操作。通过动态的插入清除节点来实现我们需要的效果。关健在于“.load()”的用法。

到这已经实现了加载了。接着需要做个删除也就是收起全文；相比加载，删除要简单的多了，就是直接删除节点就行了。

这段代码就是一个基本的节点操作。在这就不作说明了；当然，最后我们需要插入节点并绑定事件。

OK，到这里这个AJAX加载效果就完成了。详细的效果可以点击侧边栏的分类导航。

您可能也喜欢：

简单几步显示/隐藏文章内容

jquery ajax方法如load,get等 在Chrome下失效的问题

Jsonp 方式跨域获取 json 数据

AddThis——为你的文章添加一个Share按钮

说真的，这篇文章很有”意思”？！

无觅

相关文章

• 2010-10-12 -- jquery ajax方法如load,get等 在Chrome下失效的问题 (4)
  最近碰到一个问题，发现jquery在chrome 中， ajax的load get等方法完全失效。 代码如下： function getHtml(url,ctner){ //alert(c...
• 2008-11-27 -- 给你的侧边栏添加一个登陆入口 (12)
  个人一直觉得wordpress的登陆很麻烦，要打开一个新窗口才行。而且默认的那个窗口看起来并不怎么漂亮。所以决定给它整整，搞个适合偶主题的登陆框才行。之前我已经写过一篇文章，但那个是用jQuery实现...
• 2008-09-15 -- jquery基础教程二[伸缩、隔行变色...] (3)
  在上一篇介绍中已经讲了一些基本的应用，今天继续。先看一下面这个例子 Demo_5：收缩展开功能[如无法运行请多刷新几次或保存到本地运行] 可伸缩块 p,d...
• 2008-09-11 -- jquery基础教程一[click,addClass,show,hide] (3)
  原创内容—转载请说明出处. jQuery我想很多人都知道，但用WP的好像很少有人说到这个。今天开始和大家一起来研究下如何用jQuery来为我们的WP添加实用的功能。至于jQuery的相关背景和资...
• 2008-08-28 -- 利用WP自带的JS库打造超酷的侧边栏 (6)
  从这篇文章开始，我们来认识下wordpress自带的JS库，下面这张图是WP自动的JS文件夹。可以看出有很多JS文件，当然包括大名鼎鼎的jquery和prototype。利用这些我们能实现很多很酷的效...

下面来说说这个简单的表单验证。当然，还是基于jQuery的。

首先定义一个提示信息的数组。

验证昵称：如果用户输入的字符为空，或少于3个。刚显示相应的错误信息，否则显示输入正确。

验证E-mail地址：和验证昵称一样。这里是用正则去匹配地址是否正确；

验证url地址，因为这个不是必须的，所以只在有输入的情况下才去判断地址是否正确

最后。绑定事件，然后验证评论内容是否为空或小于5个字符。如果为true则弹出提示层，并阻止表单的提交。否则弹出提示：正在提交评论…然后清除提示信息；OK，一个基于JQ的简单的表单验证完成了；

您可能也喜欢：
解决wordpress分页问题	WordPress主题：perfct 1.0	wordpress定制首页输出	WordPress模板常用调用函数	WordPress主题之Maxthon 2.0.2[08-08-11]
无觅

相关文章

• 2008-09-15 -- jquery基础教程二[伸缩、隔行变色...] (3)
  在上一篇介绍中已经讲了一些基本的应用，今天继续。先看一下面这个例子 Demo_5：收缩展开功能[如无法运行请多刷新几次或保存到本地运行] 可伸缩块 p,d...
• 2011-09-08 -- jQuery中queue和dequeue的用法 (1)
  今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候，要让周围的4个按钮按顺序显示出来，移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下，发现j...
• 2011-08-17 -- Flight主题更新 (19)
  这几天收到有些童鞋反应主题在wp3.2版本后台不能快速编缉文章，不能上传图片。抽空看了下，是JQ库版本冲突引起，现已更新。请移步到wopus主题站下载更新后的版本。也可以通过115网盘下载。...
• 2010-11-24 -- JQ弹出层插件(tipsWindow 2.8) (164)
  已更新为2.7...
• 2010-10-12 -- 分享Flight主题中的焦点图（基于JQ） (22)
  关于这个焦点图没啥说的了，网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版，虽然看起来一模一样。其实做了很多扩展，优化了结构和JS部分。可以选择切换方式（左右滚动，上下滚动...