JavaScript
IE5.5 到 8浏览器兼容性检查
Logo
IETester 是一个免费的 WebBrowser控件,让您在Windows 7，Vista和XP下检查IE8,IE7,IE6和IE5.5是否兼容和JavaScript。默认安装后里面就带中文哦!:)
如果要使用IE8就必须在系统里至少安装IE7吧!大家可以试下!官方网站 继续阅读请点击…
resizeTo和resizeBy的用法与区别
在JavaScript里有时候会用到resizeTo这个函数，来改变浏览器窗口的大小，例如未知载入内容大小的情况下，那么使用resizeTo也存在设置窗口大小不准确的问题。特别是不同的浏览器还不一样，非常头疼。这里我分享一个我使用的经验，因为普通情况大家一般会用window.open这个函数来打开窗口，而函数对大小的控制都非常好，例如我们打开个100×100的窗口，那么窗口内容区域大小就固定了，那么当我们检测到实际载入内容大小后，去和打开的100×100做一个比较，然后用resizeBy重置窗口就会很精确的设置窗口！
resizeBy(10,10);//就是长宽都加10
resizeBy(-10,-10);//就是长宽都减10
轻量级的 JavaScript 弹出框脚本：TinyBox
前面可以通过 ThickBox 这个 jQuery 插件实现弹出框效果，但是使用 ThickBox 需要事先导入 jQuery JS 文件，所以如果仅仅需要弹出框效果的话，有点过于臃肿，所以这个时候我推荐你使用，TinyBox 这个轻量级的 JavaScript 脚本。 继续阅读请点击…
一个兼容很好的树形菜单:jsTree
jsTree 使用了 jQuery 和 Sarissa，是一个是免费的但是设置灵活的，基于 JavaScript 跨浏览器支持的网页树形部件。
目前 jsTree 支持以下浏览器：Internet Explorer 6 +, Mozilla Firefox, Safari 3, Opera 9+, Google Chrome。 继续阅读请点击…
jQuery 绘图插件：jqPlot
jqPlot 是一个 jQuery 这个 JavaScript 框架的绘图插件，jqPlot 能够产生很多漂亮优雅的线图和条形图。它有如下的详细功能：
- 有多种图标样式可供选择
- 可以自定义日期轴线
- 可设置旋转轴文字
- 自动计算趋势线
- 工具提示和高亮数据点
- 默认最优设置，非常易于使用
jQuery 绘图插件：jqPlot
使用 jqPlot 基本可以控制图表的每一个部分，如网格的背景，字体和大小，等等，并且jqPlot 自己本身也有插件支持系统，所以它可以很容易扩展新的图表类别和选项。
jqPlot 已经有很好的文档，并且还提供了很多很好的例子。
base target=”_self”标签的用法
书上说在模型窗口中加入<base target="_self"/>标签即可。这个属性有IE6与IE7之分。作用就是让页面的所有链接只在本窗口内打开。
注：
1、如果你是IE6，你将<base target="_self"/>加入到<head>标签里就可以了。
2、如果你是IE7，你必须将<base target="_self"/>加入到<head>的标签内位置。
代码示例：
1 2 3 4 5 6 7 | <html> <head> <title>test</title> <base target="_self"/> ............. </head> </html> |
心得：
1 | <base target="可以是你框架页面的框架名"/> |
js获取浏览器高度和宽度值
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript"> <!-- //说明：Javascript 获取浏览器窗口中文档（视口）可用尺寸的方法 function GetViewportInfo() { var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth; var h = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight; return {w:w,h:h}; }; --> </script> |
AJAX与网页的调试工具FireBug
FireBug 图标
火狐浏览器FireFox调试工具:http://getfirebug.com/ (FireBug)
打开页面在网页右上方位点击INSTALL FIREBUG 1.2进行安装.安装完毕在火狐浏览器工具菜单里打开.支持火狐FireFox 2.0/3.0
