firefox js如何传递event

对于IE和chrome, 貌似window.event是个全局变量, 但对于firefox, 则不是全局的, 因此我们在定义Onclick函数需要传递参数时,需要把event传入,并且只能是第一个参数:

document.getElementById("button").onClick = function(e) {

alert(e);

}

然而我们写成这样该如何传递参数呢?

<button Onclick="foo();">按钮</button>

这就没法传入事件参数了, 因此需要自己写一个getEvent函数:

function getEvent()
{
	if (document.all)
		return window.event;
	func = getEvent.caller;
	while (func != null) {
		var arg0 = func.arguments[0];
		if (arg0) {

			if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation))
				return arg0;
		}
		func = func.caller;
	}
	return null;
}

然后传递时这样:

<button Onclick="foo(getEvent());">按钮</button>
转载请注明:http://krystism.is-programmer.com/若有错误,请多多指正,谢谢!

extjs VS easyui

众所周知, extjs非常强大, 可以把网页做成类似桌面应用的效果, 类似webqq. 但是用起来也确实很麻烦, 新建一个窗口,得写一堆js代码.

而easyui 功能也十分强大, 用起来挺方便的, 新建一个window, 只需要写一个div 设置类为 easyui-window 即可, 而新建一课树,只需要设置class为easyui-tree, 树的级别(深度)由ul li来控制, 非常简单. 并且强大的datagrid, 可以从远端服务器直接获取数据(要求是json格式文本),生成表格. 具体实例传送门:http://www.zi-han.net/case/easyui/

转载请注明:http://krystism.is-programmer.com/若有错误,请多多指正,谢谢!

bootstrap css 框架 和 Less 动态语言

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。各种过渡效果、滚动、对话框、轮播等都有现成的组件可以调用,非常方便。less(不要将linux命令less弄混淆了)语言将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。

bootstrap传送门:http://www.bootcss.com/

less传送门:http://www.bootcss.com/lesscss.html

转载请注明:http://krystism.is-programmer.com/若有错误,请多多指正,谢谢!