使用一般处理程序让div的宽高度加10px(并使用模板页)

在一般处理程序中响应

步骤如下:

1.创建一般处理程序

2.处理请求(如果是第一次就直接输出,如果是回发请求就接收值后经过处理后输出)

3.读取模板页(如果不使用模板页跳过此步骤)

4.替换值

5.响应请求

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Text;
 6
 7 namespace _03Div宽高度加10px
 8 {
 9     /// <summary>
10     /// DivAddWdithAndHeigth 的摘要说明
11     /// </summary>
12     public class DivAddWdithAndHeigth : IHttpHandler
13     {
14
15         public void ProcessRequest(HttpContext context)
16         {
17             context.Response.ContentType = "text/html";
18             int len = 0;
19             if (context.Request["divLen"] != null)
20             {
21                 len = int.Parse(context.Request["divLen"]) + 10;
22             }
23
24             StringBuilder sb = new StringBuilder();
25             sb.AppendLine("<form method=‘get‘>");
26             sb.AppendLine("<div style=‘width:@lenpx; height:@lenpx;border: 1px solid red;‘>");
27             sb.AppendLine("</div>");
28             sb.AppendLine("<input type=‘hidden‘ name=‘divLen‘ value=‘@len‘>");
29             sb.AppendLine("<input type=‘submit‘ value=‘宽高度加10px‘>");
30             sb.AppendLine("</form>");
31             string html = sb.ToString();
32             html = html.Replace("@len", len.ToString());
33             context.Response.Write(html);
34         }
35
36         public bool IsReusable
37         {
38             get
39             {
40                 return false;
41             }
42         }
43     }
44 }

以上是在一般处理程序中完成的,下面使用模板页

  创建模板页

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <form method="get">
 9         <div style="width: @lenpx; height: @lenpx; border: 1px solid red;">
10         </div>
11         <input type="hidden" name="divLen" value="@len" />
12         <input type="submit" value="让div宽高度加10px" />
13     </form>
14 </body>
15 </html>

在浏览器中显示,如下

  创建一般处理程序

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.IO;
 6 using System.Text;
 7
 8 namespace _01让文本框加1
 9 {
10     /// <summary>
11     /// DivAddWdithAndHeigth2 的摘要说明
12     /// </summary>
13     public class DivAddWdithAndHeigth2 : IHttpHandler
14     {
15
16         public void ProcessRequest(HttpContext context)
17         {
18             context.Response.ContentType = "text/html";
19             int len = 0;
20             if (context.Request["divLen"] != null)
21             {
22                 len = int.Parse(context.Request["divLen"]) + 10;
23             }
24             string html = File.ReadAllText
25                 (
26                     Path.Combine
27                         (
28                             AppDomain.CurrentDomain.BaseDirectory
29                             ,
30                             "DivAddWdithAndHeigth.html"
31                         )
32                 );
33             html = html.Replace("@len", len.ToString());
34             context.Response.Write(html);
35         }
36
37         public bool IsReusable
38         {
39             get
40             {
41                 return false;
42             }
43         }
44     }
45 }

请求处理后

使用一般处理程序让div的宽高度加10px(并使用模板页),布布扣,bubuko.com

时间: 2024-12-29 23:36:49

使用一般处理程序让div的宽高度加10px(并使用模板页)的相关文章

CSS设置div的最小高度和最小宽

CSS设置div的最小高度和最小宽度: 所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍. 如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如: max-width:50px; max-height:100px; 以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器.代码修改如

html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计

序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死款高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出几个 可以看出这几个页面都有一个共同点 都有图片 双列 列表单个模块的高度相同  我演技劜他们的源码 都是讲图片设置为固定高度 然后将li撑开 li的宽度设置为50% 然后floatleft 然后用媒体

页面DIV自适应宽高

代码如下: <html xmlns=" http://www.w3.org/1999/xhtml "> <head runat="server">     <title>窗口大小</title> </head> <body onload="findDimensions();"> <h2 align="center">请调整浏览器窗口大小<

关于div宽度和高度的100%设定

设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明白这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题! 其实,要弄懂div宽度|width100%.div高度|height100%到底是怎么实现的,只需弄懂一个简单的问题就可以了,即100%的基数是谁,就是这个100%是相对于谁的width.height来说是100%? div的100%是从其上一级

CSS设置div的最小高度和最小宽度

CSS设置div的最小高度和最小宽度:所谓设置div的最小高度和宽度就是设置一个值,如果实际宽度或者高度小于此值时,就会将实际的宽度和高度值设置为规定的此最小值,下面就通过实例代码简单做一下介绍.如果在标准浏览器中,当然可以使用max-height或者max-width实现此效果,例如: max-width:50px; max-height:100px; 以上代码在标准浏览器中是没有任何问题的,但是无奈IE6浏览器并不支持,因为当前还有为数不少的IE6用户,所以需要兼容IE浏览器.代码修改如下:

(转载)html中div使用自动高度

为什么要使用div标签 1.更多的配置项,那就意味着更灵活,当然,难度也更高: 2.可以方便的容纳其他html标签: static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定;relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了.absolute绝对定位,直接指定top,left,right,bottom.有意思 的是

jquery实现div自适应浏览器高度

<!DOCTYPE html><html><head><meta charset=UTF-8 /><title>jquery实现div自适应浏览器高度(宽度)</title><meta name="keywords" content="html5" /><meta name="description" content="html5 test&quo

transform的妙用---实现div不定宽高垂直水平居中

transform的兼容性 transform的兼容性还是比较乐观的.IE9以下不兼容,IE9支持代替的-ms-transform属性不过只支持2D转换. 谷歌和Safari支持代替的-webkit-transform属性.IE9以上.火狐和欧朋是兼容的. transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. 在此,可妙用其移动的属性. 遇见div不定宽和高垂直水平居中的问题.记得以前都是用js去实现.现在可以用 transform进行实现.

Android 获得屏幕的宽高度

在View构造函数中获得屏幕的宽高 public class GameView extends View { public GameView(Context context) { Display d = ((Activity) context).getWindowManager().getDefaultDisplay(); Log.v(TAG,"W + H = "+d.getWidth()+" + "+d.getHeight()); } } ============