工作学习笔记

table中的两个属性：
colSpan:设置获取单元格要跨越的表格列数
rowSpan:设置获取单元格要跨越的表格行数

关于IE调试工具不显示窗口解决办法？
在任务栏中点击右键，选择“移动”，在键盘上输入“空格+——>”组合键（注意顺序），窗口就被鼠标吸引了，移动鼠标就可以看到窗口

CSS样式解释说明：
.config_table2 td{
 width:180px;
 *width:360px;       //如果是IE就用这个样式
}

scrollWidth、clientWidth、offsetWidth区别？
clientWidth:是对象的可见度，不包括滚动条边线，会随窗口的显示大小改变
scrollWidth:是对象实际内容的宽度，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）
offsetWidth:是对象的可见宽度，包括边线和滚动条，会随窗口的显示大小改变

 

当页面中的表单变化可以使提交按钮变为可用状态？（jquery的使用）

function bindTextControl(disableControlId)
{
	if(""==disableControlId){
		return false;
	}
	$("input[type='text']").bind("change",disableControlId,enabledControl);
	$("input[type='text']").bind("paste",disableControlId,enabledControl);
	$("input[type='text']").bind("keydown",disableControlId,enabledControl);
	$("input[type='text']").bind("keyup",disableControlId,enabledControl);
	$("input[type='password']").bind("change",disableControlId,enabledControl);
	$("input[type='password']").bind("paste",disableControlId,enabledControl);
	$("input[type='password']").bind("keydown",disableControlId,enabledControl);
	$("input[type='password']").bind("keyup",disableControlId,enabledControl);
	$("select").bind("change",disableControlId,enabledControl);	
}

function enabledControl(controlId){
	var vId="";
	if("string" == typeof(controlId)){
		vId = controlId;
	}else{
		vId = controlId.data;
	}
	var oCtrl = null;
	if(vId == null){
		return false;
	}
	if("string" == typeof(vId)){
		oCtrl = document.getElementById(vId);
	}
	if(null != oCtrl){
		oCtrl.disabled = false;
		oCtrl.style.color = "#000000";
	}
}

 在Opera 10.7中，样式（CSS）写得不好导致页面/浏览器挂死，原来设定的table为400px，而实际指定的table宽度却超过了400px;就导致浏览器解析异常，出现浏览器挂死的现象，解决方法就是最外层的table宽度加宽。

点击链接文字没有出现链接效果？
<a href="http://www.baidu.com" target="_blank">
 <label>百度</label>
</a>
备注：当用户点击“百度”文字的时候，链接打不开，即链接没有任何反映，因为label标签的影响，解决方案就是将label标签改为span或者是去掉，打开一个新窗口的属性是“_blank”而不是"blank"

将title属性的值与链接文字内容一致能够提高用户体验（小技巧）

表单的边框效果可以通过CSS来控制，这样可以改变页面显示的效果和美观：
eg:  <input type="text" style="border-color:red"/>
border-top-color
border-left-color
border-right-color
border-bottom-color

border-style影响包括：点、实线、虚线、3D、凹凸槽等，这些都有上下左右

打开计算器的命令：calc