日期:2014-05-17  浏览次数:20567 次

JS和CSS知识点(二)

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

?