如何使用JS来判断浏览器类型(ie、firefox，等等)

作者:feng 日期:2008-12-31

现在网络上的浏览器,操作系统就象中国的方言一样，那个叫多啊！这给我们这些开发人员
带来了巨大的痛苦！大家的喜好不同，使用的系统也不同：有人喜欢用ie，有人喜欢用
firefox，还有人喜欢用腾讯tt，而我喜欢用maxthon。虽然名字可能有很多种，但是内核还是只有
那么的几种！ie内核，netscape内核！那么怎样使用js来判断各种浏览器的类型呢？在不同的浏览器中对js的支持程度，语法要求都不大一样！下面列举了对应的判断代码：

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 435

document.layers document.all

作者:feng 日期:2008-12-31

document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。

document.layers是Netscape 4.x专有的属性，是一个代表所有由储如<div><layer>等定位了的元素的数组。通常也是用<div>或<layer>对象的id属性来引用的，但是这里面不包含除此以外的其它元素。

其实这两个属性没什么可比性，大概你经常看到他们同时出时，这有一个历史原因。在第四代浏览器出现的时候，标准相当混乱，Netscape和微软分别推出了它们的Navigator 4.x和IE 4.0，这两个浏览器的巨大差异，也使开发者面临了一个使网页跨浏览器兼容的噩梦。而document.layer和document.all分别是两者一个最显著的标志，为了确定浏览者使用的什么浏览器，通常用是否存在document.layers和document.all来判断。

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 280

web标准与document.body.clientHeight

作者:feng 日期:2008-12-31

网页加了这么一行

程序代码

<!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">

document.body.clientHeight就不可用,解决方法如下:

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 412

webkit

作者:feng 日期:2008-12-30

WebKit 是一个开源浏览器网页排版引擎，与之相应的引擎有Gecko（Mozilla，Firefox 等使用的排版引擎）和Trident（也称为MSHTML，IE 使用的排版引擎）。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，主要用于Safari，Dashboard，Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS，当年苹果比较了 Gecko 和 KHTML 后，仍然选择了后者，就因为它拥有清晰的源码结构、极快的渲染速度。
　　目前使用WebKit 引擎的浏览器主要有：Safari(apple出品)，Midori，chrome(google出品)等。

分类:杂谈录 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 259

navigator

作者:feng 日期:2008-12-25

包含了正在使用的 Navigator 的版本信息。
客户端对象
实现版本  Navigator 2.0
Navigator 3.0: 添加了 mimeTypes 和 plugins 属性；添加了 javaEnabled 和 taintEnabled 方法。
Navigator 4.0: 添加了 language 和 platform 属性；添加了 preference 方法。

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 235

有关 event 和 window.event

作者:feng 日期:2008-12-10

有关 event 和 window.event
2008年03月24日星期一 00:39 A.M.
在IE/Opera中，是window.event，而在Firefox中，是event
而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，而在Opera中则两者都支持。
我们还是用例子来说明。

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 292

详细讲解JavaScript脚本语言的 document 对象

作者:feng 日期:2008-12-10

对象属性

代码
document.title //设置文档标题等价于HTML的<title>标签
document.bgColor //设置页面背景色

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 232

event对象

作者:feng 日期:2008-12-10

描述
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。
例子

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 180

document.location.href和document.location.replace区别

作者:feng 日期:2008-12-08

文章来源: http://blog.sina.com.cn/s/blog_4b1d6c23010007xz.html

document.location.href和document.location.replace都可以实现从A页面切换到B页面，但他们的区别是：

用document.location.href切换后，可以退回到原页面。

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 389

一个实用的JS自定义函数addLoadEvent()

作者:feng 日期:2008-12-05

在给网页加一些特效时经常要在<body>中加入“onload”事件，即在网页加载完后执行某事件，例如：<body onload=”alert(‘欢迎光临!’)”，但这样做有个大的缺陷，事件会在网页完全下载完后才会执行，包括网页中的图片或Flash等，如果网页中的图片比较大或有很多图，可能还没等网页完全下载完网友已经点击链接到其它网页去了，这样这个事件就没有执行了。另外在某些特殊情况下可能还修改不了网页的body参数。如在别人网站发表文章时，或用CMS整站系统时。
　　这时我们会想到用“window.onload”或“document.body.onload”来替换<body>中的onload事件，的确，问题解决了，但在加载多个onload事件时或控制加裁顺序时还会出现一些问题，直到我发现“Paul Koch”写的addLoadEvent()函数后，所有问题都解决了。如果大家一定要用“window.onload”或“document.body.onload”来替换<body>中的onload事件，建议大家用前者，Firefox浏览器中无效，即兼容性有问题。

JavaScript代码

分类:web技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 207