基本兼容所有浏览器的复制到剪贴板的方法

2008 11 12 10:47 AM 2 条评论 4355 次查看

分类：JavaScript 标签：JavaScript

今天去弄了个代码高亮的插件，发现我用Chrome浏览器居然也能复制到剪贴板。
查看了下代码，发现用到了flash来复制，真是太聪明了。当然，必须要安装了flash插件并启用flash才行。
测试结果是这些浏览器均可复制：IE、Chrome、Firefox、Opera和Safari。
这里有篇文章可以参考：http://www.cnblogs.com/vagerent/archive/2008/09/12/1289789.html

主流浏览器JavaScript性能比较——IE vs Chrome vs Firefox vs Opera vs Safari

2008 11 11 03:08 PM 3 条评论 4523 次查看

分类：无 标签：JavaScript, 性能

操作系统：Windows XP SP2 英文版
CPU：Pentium4 2.80GHz
内存：1GB

浏览器版本如下：
IE: 6.0.2900.2180 英文版
Chrome: 0.2.149.27 简体中文版（居然才发现公司的电脑我没升级到0.3）
Firefox: 3.1 Beta 1 简体中文版
Opera: 9.62 简体中文版
Safari: 3.1.2 英文版

测试平台：SunSpider

结果（只列总时间）：
IE: 65673.2ms +/- 5.7%
Chrome: 3067.8ms +/- 1.5%
Firefox: 5579.2ms +/- 6.6%
Firefox(开启TraceMonkey引擎): 2950.2ms +/- 0.7%
Opera: 7455.6ms +/- 0.9%
Safari: 7890.4ms +/- 1.1%

推荐一个超强的JavaScript库——Ext JS 2.0

2008 11 8 07:27 PM 0 条评论 2130 次查看

分类：JavaScript 标签：JavaScript

是否觉得Google文件、YouTube、Flickr等网站很强大？
是否也想做个华丽的Web2.0网站？
是否对复杂的ajax感到头痛？
如果是的话，那么Ext JS 2.0这个JavaScript库绝对值得一试。你会发现做网站就像开发桌面应用一样（可惜没有可视化SDK）。

官方网站在这里：http://extjs.com
演示可以看这里：http://extjs.com/products/extjs
下载在这里：http://extjs.com/products/extjs/download.php

顺便推荐个看Web2.0文章的好地方（含翻译）：http://www.yeeyan.com/articles/tag/Web2.0

打钩复制本帖标题和地址的修改方法

2008 10 24 12:50 AM 9 条评论 3595 次查看

分类：Discuz! 标签：Discuz!, JavaScript

效果看本帖结束处，点下那个勾就知道了，理论上支持所有的浏览器，不过我只测试了IE6、firefox3和chrome0.3。

基本方法来自于下面这帖，只不过加了点创意并增强兼容性了。
http://www.discuz.net/thread-821216-1-1.html
这帖还有在文章前面添加隐藏连接的实现代码，有兴趣的可以看看。

复制帖子时自动在末尾追加来源（Discuz!6.1 for IE）

2008 10 16 11:28 AM 0 条评论 2277 次查看

分类：Discuz! 标签：Discuz!, JavaScript

在viewthread.htm模板中搜索
<!--{if $post['signature'] && !$post['anonymous'] && $showsignatures}-->
在上面添加
<script type="text/javascript">
document.body.oncopy=function(){
  event.returnValue=false;
  var t=document.selection.createRange().text;
  var s="您正在看的文章来自{$bbname}({$boardurl})\n原文地址:{$boardurl}viewthread.php?tid=$tid";
  clipboardData.setData('Text',t+'\r\n\r\n'+s);
}
</script>

利用Javascript实现较慢代码的延迟加载

2008 10 15 05:20 PM 1 条评论 3839 次查看

分类：JavaScript 标签：JavaScript

先介绍下原理吧。

浏览器会按照标签依次向下解析，每解析一个，就显示一个的内容。
而Javascript可以更改标签内的内容，可以实现将已经显示过的少量预览内容，在全部加载完后变成完整内容。