JS常见FAQ

1）子PopUp 的问题

          在Ｐopup窗口中不能使用window.open( ) 再弹出子popup

          修改成如果存在父窗体，调用父窗体的open函数

          if(window.dialogArguments && window.dialogArguments.parent){ //存在父窗体

                         window.dialogArguments.parent.open(url);

        }else{

                window.open(url);

        }

2）通过调用Dopostback实现关闭Window窗口的局部刷新而非全部Postback（页面上没有按钮的话可以通过隐藏的Button来实现 ）

         function Refresh( ){

            var buttonId = document.getElementById('<%= RefreshButton.ClientID %>').name;            

            __doPostBack(buttonId,'');

        }

 

3）对TextBox设置只读的属性——可以通过JS修改Textbox的值：

     当我们不希望用户直接编辑TextBox，而是通过客户端脚本的方式来设置内容，一般的做法是设置TextBox的属性ReadOnly为true。但在ASP.NET 2.0里有了变化，设置了ReadOnly为true的TextBox，在服务器端不能通过Text属性获取在客户端设置的新内容。

在Reflector里比较一下LoadPostData的实现：

 

.NET 1.1

 

bool IPostBackDataHandler.LoadPostData(string postDataKey, NameValueCollection postCollection)

{

      string text1 = this.Text;

      string text2 = postCollection[postDataKey];

      if (!text1.Equals(text2))

      {

            this.Text = text2;

            return true;

      }

      return false;

}

 

.NET 2.0

 

protected virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)

{

      base.ValidateEvent(postDataKey);

      string text1 = this.Text;

      string text2 = postCollection[postDataKey];

      if (!this.ReadOnly && !text1.Equals(text2, StringComparison.Ordinal))

      {

            this.Text = text2;

            return true;

      }

      return false;

}

 

就可以看出，如果设置了ReadOnly为true，从客户端传回的新的值是不被设置到Text属性的。

 

想要保持.NET 1.1中的行为，建议的做法是设置客户端属性ContentEditable=false（这种在FF下无效）。

为了兼容其它浏览器的一般建议的作法是在后台设置属性：TextBox1.Attributes["readonly"] = "true"；

4）在后台注册JS脚本的时候 ，建议对调用的每一个JS函数后加分号，经常这种分号的漏掉会引起不必要的JS错误。

         后台注册脚本的方法：

        //在包含UpdatePanel页面调用的方法。

         ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType( ), "js", "function( )；", true);

        //普通页面调用的方法

         Page.ClientScript.RegisterStartupScript(this.GetType(), "js", "function( )；",true);  

  5）当页面上的控件超过一定数量时，应避免在循环里或多次使用document.getElementById(controlId)，特别在load页面时

       如果用过多的这种语句会浪费大量的时间在遍历页面控件上。

  6）jquery xpath 选择器——XML路径语言(XPath)是一种在XML文档中指定不同元素或者它们的值的语言，它与CSS在HTML文档中指定元素的方法相类似。

        $('a[@href＾="mailto:"]').addClass('mailto');//查找所有email链接。

        $('a[@href$=".pdf"]').addClass('pdflink');//查找所有pdf文件的链接。

        $('a[@href*="mytest"]').addClass('testlink');//查找所有包含有mytest的link的链接。