ASP.NET开发者必备小技巧

1. 前后台交互

      1.1. 先说后台代码绑定前台元素
    前台的html元素(比如<p>元素)如何在后台代码中识别并使用。

ASP.NET开发者必备小技巧_第1张图片

 

    这样在后台是不行的,后台代码找不到:

ASP.NET开发者必备小技巧_第2张图片

 

    所以我们要变一下前台,让p标签运行在服务器端:

ASP.NET开发者必备小技巧_第3张图片

 

    这样后台就可以识别了:

ASP.NET开发者必备小技巧_第4张图片

 

    效果图:

ASP.NET开发者必备小技巧_第5张图片

 

      1.2. 现在说说前台代码绑定后台变量方法。
    如果在前台定义一个变量,而在后台需要用到,却不知道怎么取值,那就按我说的做吧:
    在后台中,把变量定义为public类型。

ASP.NET开发者必备小技巧_第6张图片

 

    在前台这样写:

ASP.NET开发者必备小技巧_第7张图片

 

    效果图:

ASP.NET开发者必备小技巧_第8张图片

 

2. 擅长弹出框

ASP.NET开发者必备小技巧_第9张图片

 

3. 保持滚动条位置
   要求在页面刷新时仍然停留在当前位置,而不是页面顶部。只需在Page指令中加入MaintainScrollPositionOnPostback="true"属性即可:
<%@ Page Language="C#" MaintainScrollPositionOnPostback="true">

 

4. 跟踪页面执行

    设置断点是页面调试过程中的常用手段,除此之外,还可以通过查看页面的跟踪信息进行错误排查以及性能优化。ASP.NET中启用页面跟踪非常方便,只需在Page指令中加入Trace="True"属性即可:

<%@ Page Language="C#" Trace="true">

     跟踪信息可以分为两类:

       a.页面执行详细情况

       其中主要包括页面生命周期中各事件列表、控件树列表(可以查看每个控件的HTML字节数以及ViewState字节数)、Session状态、Application状态、Cookie集合、QueryString集合、服务器变量等信息。

       b.自定义跟踪信息

       通过在页面代码中调用Trace.Write()或Trace.Warn()方法便可将指定内容写入跟踪信息中的"Trace Information"节。就算页面发生了错误,跟踪信息还是会显示出来,并且在发布应用程序时无需删除相关的跟踪代码,只需从Page指令中移除Trace属性即可。

 

5.设置表单加载后的默认焦点控件

    在Form中添加defaultfocus =“控件ID”即可:

<form id="form1" runat="server" defaultfocus ="TextBox2">

 

6. 设置表单默认提交按钮

    在Form中添加 defaultbutton  =“控件ID”即可:

<form id="form1" runat="server" defaultbutton="Button2" >

 

7. 回车转换成Tab

    比如注册过程中需要添加N项信息,使用tab键可以跳转网页,但是如果把回车键改为Tab键的功能,那么注册速度肯定会快很多。 

<script   language="JavaScript" type="text/javascript">   
    window.document.attachEvent("onkeydown", function () {
        if (window.event.keyCode == 13) {
            window.event.keyCode = 9;
        }
    });   
</script>


8. 屏蔽右键8. 屏蔽右键

<script type="text/javascript">
    function block(oEvent) {
        if (window.event)
            oEvent = window.event;
        if (oEvent.button == 2)
            alert("鼠标右键不可用");
    }
    document.onmousedown = block;
 </script>


9. 让页面文字不被选中和复制

    在body中动动手脚,让页面文字无法选中,就算被选中,放开鼠标后也会取消选中。

<body oncontextmenu=self.event.returnValue=false onselectstart="return false"
 ondragenter='return false' onbeforeprint='return false' onmouseup='document.selection.empty()'>


10. 屏蔽TextBox中的粘贴、复制、剪切和右键 

<asp:TextBox ID="TextBox1" onpaste="return false" oncopy="return false" oncut="return false" context="noContext" runat="server" ></asp:TextBox>

onpaste="return false" 禁用粘贴
oncopy="return false" 禁用复制
oncut="return false" 禁用剪切
context="noContext" 禁用右键菜单

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

你可能感兴趣的:(JavaScript,server,function,性能优化,asp.net,textbox)