window.onbeforeunload的正确用法

通过window.onbeforeunload方法,我们可以在用户离开当前页面时进行提示,通常情况是用户输入了某些内容而没有及时保存。 经常地,我们会被告知,onbeforeunload方法并不是所有的浏览器都支持的,的确是的。但是这并不影响我们对它的使用,因为主流的浏览器,或者说90%的浏览器都是支持的。 下面是引用mozilla社区关于onbeforeunload的浏览器支持情况 Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit) Basic support 1 1 4 12 3 个人测试下来,如果使 … “window.onbeforeunload的正确用法”

Read More

javascript需要避免的一些变量

任何一门编程语言都有一些保留字,javascript也不例外,至于有哪些这里就不一一罗列了,随便搜索下就知道了,而且一般情况下我们也不会越雷池的。 不过在开发中遇到了一些比较奇怪的现象,最典型的情况就是明明给某个对象添加了某个方法,但是在调用时就是报错。 这里需要说明的是,定义变量的时候采用了合并的方式,就是说如果之前该变量已经定义过,此处就指向该变量,否则定义为空对象。 请看下面的例子:

拿这段代码在firebug中执行会看到 Error: Cannot modify properties of a WrappedNative … “javascript需要避免的一些变量”

Read More

使用css进行浏览器样式清零

css是web开发中很重要的元素,良好的css可以实现非常优雅的页面效果。 但是摆在开发者面前的各种浏览器的兼容性问题常常搞的人焦头烂额。而设计者希望给用户展现的是风格样式统一的web页面还有一致的用户体验。 开发者虽然不能做到各浏览器完全一样的显示效果,但是有些事情还是可以做到的。 为了便于统一,一般都会使用一份css清零代码,从而使浏览器的默认样式尽量一致。 下面这段就是一份很常见也很常用的css样式清零代码: html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, acronym … “使用css进行浏览器样式清零”

Read More

firefox4使用iteye.com博客代码复制 导致浏览器挂掉

2011-08-27更新 在最新发布的firefox6中该问题得到解决。由于中间也存在flash的版本更新,问题的关键目前飞尘还不能确定,哪位朋友知晓请不吝赐教。 —————以下文字记录于早些时期—————- win7环境下(32/64),使用firefox4访问iteye.com中博客板块,使用代码复制功能将造成浏览器挂掉。 此处的代码复制功能借助了flash完成部分功能。 查看在firefox4下的代码

通 … “firefox4使用iteye.com博客代码复制 导致浏览器挂掉”

Read More

使用javascript检测浏览器的类型及版本

高温终于来袭了,离开了空调的保护,热浪真的无法让人忍受,七月的骄阳真不是盖的~ 前些天一直忙着配置vps,都没时间更新日志了,为啥时间总是这么不够用呢? 今天使用google reader的时候,忽然想到搜下自己看看,有17个订阅者,感谢朋友们的支持哦,呵呵。 本次日志的主题是使用javascript检测浏览器的类型及版本,目的就是实现一份浏览器的兼容列表————当浏览器低于特定版本时,执行相关操作,如提示等。 写的时候只是满足需求,没有做更多封装方面的考虑,有心的朋友自行修改便是。 代码如下:

Read More

javascript检测操作系统

之前一般只是使用javascript检测浏览器类型及版本号,然后针对一些特殊的浏览器做一些相应的处理。目前遇到的需求是,同时还有考虑操作系统的类型,因为有些浏览器在不同的操作系统下还是有点不同的。 代码是参考自网络的,实现的原理与检测浏览器类似,都是通过判断客户端代理的一些特征实现操作系统的识别。 当然user-agent之类是可以人为修改的,这里不去纠结。我们认为大多数都是正常情况,嘿嘿。 windows8还只是泄漏版,未来还不确定,看起来还是windows系统的版本最复杂。 代码比较简单,不多啰嗦了。

Read More

JavaScript性能优化手记

在GWT开发过程总,遇到了一个javascript执行效率慢的问题,分析发现:造成性能慢的主要原因是要加载大量数据,针对此问题寻找解决方案。 先查阅了一下不同浏览器执行javascript的性能对比 详细的结果可以参考:2010年最新主流浏览器速度测试 主要的结论就是IE浏览器执行速度最慢,因此优化主要针对IE进行 优化的关键是找到影响速度的瓶颈 经过分析,js获取到大量数据后,将数据进行解析整理,最终生成表格形式呈现给用户,表格是由FlexTable来生成,并在UIBinder中创建。 原有的做法是将数据逐条加入到FlexTable中,而这一方法实际是对DOM进行添加节点操作,而已知的情况是 … “JavaScript性能优化手记”

Read More

浏览器兼容的flash引用方法

浏览器的兼容性真是个让人头疼的问题,flash的引用也有所不同,当然apple就更牛了,天生就是不支持flash,期待着html5的到来啊,呵呵。 目前在html中嵌入flash有更好的选择,就是使用swfobject,具体的方法就不详述了,这里给出的是最简单的方法,参考自官方给出的代码示例: 最精简的引用

更详细的范例

开始的时候只有在firefox下flash能够显示,IE下无法加载,查阅了官方文档,原来是引用代码不正确,修正后各浏览器正常。

Read More

解决gwt图片浏览器兼容性问题

最近使用google web toolkit进行网站开发,一直在firefox中进行调试,开发到一定阶段,项目需要发布demo,要求浏览器兼容性。在ie中一测试,原来设计好好的页面变得惨不忍睹,此问题在ie7中尤其明显,经过观察发现,其中一个主要的原因就是图片的问题。 使用gwt开发的一个优点就是自动实现了图标、图片的拼接组合,一般为了优化网站结构及效率,设计者会将使用到的各种小图标、图片拼接在一个透明背景的大图片中,浏览器可以使用较少的连接次数下载图片,在一定程度上提高网站速度。 此处遇到的问题就是与此有关,最初的设计是在一个容器中(比如div),绑定css样式,在css中通过@sprite … “解决gwt图片浏览器兼容性问题”

Read More

使用javascript检测浏览器信息

Read More