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();"  οnchange="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" οnclick="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>  方式 来将页面返回顶部

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值