web页面层技术笔记
持续更新
Last UpdateDate：2009-3-27
1.图片显示问题
<td><img......>
</td>
类似上述方式的HTML代码，可能会造成图片在<td>中的下边留一小的空行（而实际图片尺寸与td上完全匹配的）
此时可以考虑这样来写：<td><img.....></td> （将</td>紧帖img的结束标记）
2.点击链接后直接弹出本地OutLook窗口 收件人地址自动填入
可使用如下语句：
mailto:收件人地址 并放入a标签中
如：
<a href="mailto:收件人地址">收件人xxxx</a>
3.在<body>中如何强制去除页面滚动条
水平：<body style="overflow-x:hidden">
垂直：<body style="overflow-y:hidden">
4.（转载）
post方法提交信息，但在刷新网页的时候又不想网页出现“刷新时会提示“不重新发送信息,则无法刷新网页”这样提示
只能用post方式，而且还必须用同一个页面
解决办法：
第一个页面向HiddenFrame提交
在Action页面处理完成后，输出JavaScript
如下：(asp.net代码)
Response.Write("<script>parent.location.href=parent.location.href;</script>");
此做法表示：post的数据处理完后，输出javascript重新用get方法reload当前URL
5.在主窗口中操作iframe中的HTML控件
<iframe id="hideFrame" name="hideFrame" width="100%" height="640" frameborder="0" style="display:inline;"></iframe>
<script type="text/javascript">
//获取控件对象
var obj=hideFrame.document.getElementById("控件Id或name");
//操作方法hideFrame页面中的JavaScript方法
hideFrame.MethodName();
</script>
6.onchange与onpropertychange的区别
今天在项目中使用到了onpropertychange
onpropertychange能及时捕获属性值的变化
onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件
示例:
<input type="text" name="txtValue" onpropertychange="funOne();" onchange="funTwo();">
当在文本框中输入时,则可以同时触发 onpropertychange 和 onchange
而当通过其它Function脚本来改变text中的Value值时,则触发onpropertychange 事件, 不会触发onchange事件
处于扩展性的应用:在项目中,象这类基本HTML控件,一般可以通过服务端程序代码来动态构造
那么为了便于扩展,则可以构造类似的文本控件(注意红色部分,可以这样来定义onpropertychange事件)
<input onpropertychange="try{控件Id_onPropertyChange(this)}catch(e){}" type='text' id="控件Id" name="控件名">
这样如果在客户端需要应用此事件,那么只需要定义,并可执行需要的操作
function 控件Id_onPropertyChange(obj){
obj.xxxx
..............
}
7.页面自动定时刷新(长久维持Session)
只使用一个页面,可在多个页面中重用
refreshSession.jsp
<head>
<meta http-equiv="refresh" content="秒数">
</head>
可以在公共页面如top页面中,使用iframe嵌入
<iframe name="refsession" style="display:none" src="refreshSession.jsp"></iframe>
8.HTML文本框windows2000和xp,2003下显示的大小不统一的问题
通过 style="width:80;height:20" 来统一
9. 针对左侧标题,右侧显示内容很长的问题
比如下面的效果
点1 右侧页面到1的内容处,点2右侧页面到2的内容处,点top,返回页面顶部
实现:
<a id=xx style="cursor:hand" onclick="moveTo(id)">xxx</a>
function moveTo(objId)
{
var obj=eval("document.all."+objId);
if(typeof(obj)!="undefined"){
window.scroll(0,obj.offsetTop); //执行将窗口滚动到自左上角起指定的 x 和 y 偏移量
}
}
注意:offsetTop 获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置
上述a标签中,并没有使用href="#",因为如果使用了这个属性,则执行scroll方法后,页面会重回顶端
而在Top标记中则可以使用 <a href="#">Top</a> 方式 来将页面返回顶部