clientWidth:元素内容区的宽度加上左右padding的值,如果有滚动条,不包括滚动条的宽度
clientHieght: 元素内容区的高度加上上下padding的值,如果有滚动条,不包括滚动条的高度
clientLeft:元素左边框的宽度,如果没有边框,就是0
clientTop:元素上边框的宽度,如果没有边框,就是0
scrollWidth:元素的滚动宽度,不包括元素边框和滚动条宽度,即元素边框和滚动条之间的宽度加上延伸到元素外面的部分
scrollHeight:元素的滚动高度,不包括元素的边框盒滚动条宽度,即即元素边框和滚动条之间的高度加上延伸到元素外面的部分
scrollLeft:元素水平滚动的距离
scrollTop: 元素垂直滚动的距离
offsetWidth:元素从左边框到右边框的宽度
offsetHeight: 元素从上边框到下边框的高度
offsetLeft:元素从左边框到html元素边框的距离(包括html的边框宽度,不包括元素本身的边框宽度)
offsetTop: 元素从上边框到html元素边框的距离(包括html的边框宽度,不包括元素本身的边框宽度)
另外,FF中的window属性innerWidth innerHeight只的是显示文档的整个视窗的宽度和高度(即浏览器中除了工具栏,菜单栏,地址栏以外的部分),而outerWidth outerHeight指的是整个浏览器窗口的宽度和高度,即文档视窗高度和宽度 + 工具栏,地址栏,菜单栏这些部分
以上的结论是通过下面测试代码得出:
<html>
<head>
<title>测试三</title>
<script type = "text/javascript" src = "myUtil.js"></script>
<script type = "text/javascript">
function test() {
myUtil.addEvent("div2", "scroll", function() {//绑定滚动事件
display();
});
display();
}
function display() {
var div1 = myUtil.byId("div1");//获取金色背景div框的引用
var str1 = getAll(div1);//获取div1的相关属性字符串
var div2 = myUtil.byId("div2");//获取银色背景的引用
var str2 = getAll(div2); //获取div2的相关属性字符串
var div3 = myUtil.byId("div3"); //获取显示框的引用
div3.innerHTML = "";
div3.innerHTML = "div1:<br />" + str1 + "div2:<br/>" + str2; //显示
}
W3C设置透明度
element.style.opacity = value(0-1 0代表完全透明,1代表不透明)
IE中
element.style.filter = "alpha(opacity = value)" (0-100 0代表完全透明,100代表不透明),并且子元素如果定位后(不管相对定位,还是绝对定位,父元素的透明度不影响子元素)
本文链接
window.screen.width//屏幕宽度
window.screen.height//屏幕高度
window.screen.screenTop//网页正文部分上
window.screen.screenLeft//网页正文部分下
window.screen.colorDepth //屏幕 位彩色;
window.screen.deviceXDPI //屏幕 像素/英寸;
本文链接