`

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>  方式 来将页面返回顶部

 

 

 

  • 大小: 3 KB
分享到:
评论

相关推荐

    前端开发笔记.docx

    前端开发人员使用各种技术和工具来设计和构建Web页面,使其在不同的设备和浏览器上都能良好运行。 在前端开发的学习和实践过程中,以下是一些重要的笔记内容: HTML(超文本标记语言): HTML是构建Web页面的基础...

    net学习笔记及其他代码应用

    2.使用VS.NET中的Add Web Reference菜单选项 23..net Remoting 的工作原理是什么? 答:服务器端向客户端发送一个进程编号,一个程序域编号,以确定对象的位置。 24.在C#中,string str = null 与 string str = ...

    springboot学习思维笔记.xmind

    springboot学习笔记 spring基础 Spring概述 Spring的简史 xml配置 注解配置 java配置 Spring概述 Spring的模块 核心容器CoreContainer Spring-Core Spring-Beans ...

    在线学习平台的前端设计优化与实现

    Web前端、模块化、组件开发、性能优化 随着互联网技术的发展,人们越来越习惯通过网络获取信息,在线学习平台 也因此应运而生。同时,人们对于网站的易用性和交互体验的要求也越来越高, 设计良好、性能优良的网站...

    基于ASP的笔记本销售网站的设计与实现(源代码+thesis).zip

    项目是基于ASP.NET的Web应用程序开发...通过采用这些技术方案,我们的项目将能够提供一个高性能、可扩展和可靠的Web应用程序。我们将遵循最佳的软件开发实践,进行系统测试和性能测试,以确保应用程序的质量和稳定性。

    仿小米商城.rar

    页面都留了可拓展:后台管理员没写,因为登录注册思想和用户的一样、比着改就行。 环境:jdk9、mysql5.7、tomcat8.5(其他环境可以修改环境使用。修改方法百度即可) 首页网址:http://localhost:8080/MI 后台:...

    asp.net知识库

    如何实现web页面的提示保存功能 在ASP.Net中两种利用CSS实现多界面的方法 如何在客户端调用服务端代码 页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置? 如何保证页面刷新后的滚动条位置 清除网页...

    简易学习社交平台

    随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识。,而互联网为学习者提供了...前端web页面和用户个人信息管理运用Bootstrap框架集合JavaScript和jQuery为用户提供了简介易操作的jsp页面。

    整理后java开发全套达内学习笔记(含练习)

    abstract (关键字) 抽象 ['æbstrækt] access vt.访问,存取 ['ækses]'(n.入口,使用权) algorithm n....Annotation [java] 代码注释 [ænәu'teiʃәn] anonymous adj.匿名的[ә'nɒnimәs]'(反义:directly adv....

    weixin104随堂测微信小程序+ssm(源码+部署说明+演示视频+源码介绍+lw).rar

    微信小程序:作为前端展示层,采用微信官方提供的开发工具进行开发,使用JavaScript、WXML、WXSS等技术进行页面布局和交互设计。 Spring:作为整个后端框架的核心,负责对象的创建、依赖注入等功能,简化了Java开发...

    百度地图毕业设计源码-MyStudyNote:我的学习历程笔记

    系统搭建:采用当前软件行业比较流行的JavaWeb技术,运用MVC分层设计思想,使用Hibernate+Spring+SpringMVC来搭建环境,设计实体类(entity)、数据库访问类(dao)、服务类(service)、控制层类(web/controller)...

    jQuery学习笔记 获取jQuery对象

    为了将Web的结构层和表现层、行为层彻底分离,就不应该在HTML标签上直接定义样式或事件等。这意味着要想设置页面中的某个元素,就需要先把这个元素选择出来,选择器正是解决这个问题的技术

    AR Notes - Attach Notes on Web Page-crx插件

    如果您想要更高的安全级别,或者可以公开给其他所有人查看访问同一页面的信息,则可以对笔记进行加密。 还有更多。 完整功能列表请参见下文:*使用步骤:*-安装扩展名-单击图标,然后输入任何用户名/密码来生成您的...

    基于自动生成知识库的智能问答系统python源码+项目说明+数据+超详细注释.tar

    知识库传统的做法是三元组,但这个项目并不需要这样做,仅做笔记 知识字典 D 可用三元组表示如下: D = ( O , T , E ) 把三元组理解为 (实体entity,实体关系relation,实体entity),把实体看作是结点,把实体关系...

Global site tag (gtag.js) - Google Analytics