點下按鈕,css樣式全部失效!!!急!!



   用了下面一個方法,一點按鈕整個頁面就亂了,CSS完全不起作用!代碼哪里錯了?求高手幫忙改改!

public static void Loading()
    {
        HttpContext hc = HttpContext.Current;
        hc.Response.Write("<div id='loading'> ");
        hc.Response.Write("<img src='loading.gif'/> ");
        hc.Response.Write("</div>");
        hc.Response.Write("<script type=text/javascript>");
        hc.Response.Write("function document.onreadystatechange()");
        hc.Response.Write(@"{ try  
                                   {
                                     if (document.readyState == 'complete') 
                                    {
                                          delNode('loading');
                                         
                                    }
                                    }
                                  catch(e)
                                     {
                                         alert('頁面加載失敗');
                                     }
                                                         } 

                            function delNode(nodeId)
                             {   
                                try
                                 {   
                                      var div =document.getElementById(nodeId); 
                                      if(div !==null)
                                       {
                                           div.parentNode.removeChild(div);   
                                          div=null;    
                                          CollectGarbage(); 
                                      } 
                                }
                                 catch(e)
                                 {   
                                   alert('ID為'+nodeId+'的節點出現異常');
                                 }   
                            }
 
                            ");

        hc.Response.Write("</script>");
       hc.Response.Flush();

10 个解决方案

#1


你都Response.Write了,這貨完全破壞了原頁面的DOM結構,頁面不亂才怪了。
要用ajax+json

#2


不要在后台刷這些前台的js和css。Response.Write把代碼在html的上面生成,你可以查看源文件看一下Html。

#3


我覺得你這個完全可以再前台寫jquery代碼完成啊
為什么要在后台去寫呢

#4


如樓1  完全不一樣的HTML 結構啦.

#5


引用 2 樓 guwei4037 的回復:
不要在后台刷這些前台的js和css。Response.Write把代碼在html的上面生成,你可以查看源文件看一下Html。

   生成的div跑到html外面去了,這就是原因吧!需要怎么改?求解答!!

#6


引用 5 樓 u010520624 的回復:
Quote: 引用 2 樓 guwei4037 的回復:

不要在后台刷這些前台的js和css。Response.Write把代碼在html的上面生成,你可以查看源文件看一下Html。

   生成的div跑到html外面去了,這就是原因吧!需要怎么改?求解答!!

你可以搜索:jquery ajax 
refer:  http://www.w3school.com.cn/jquery/ajax_ajax.asp
http://blog.csdn.net/smeyou/article/details/6218965

#7


ajax+js 來實現你的效果.

#8


樓主,你這樣寫代碼……想幫你也沒轍。一聲嘆息

#9


引用 5 樓 u010520624 的回復:
Quote: 引用 2 樓 guwei4037 的回復:

不要在后台刷這些前台的js和css。Response.Write把代碼在html的上面生成,你可以查看源文件看一下Html。

   生成的div跑到html外面去了,這就是原因吧!需要怎么改?求解答!!


用 ajax 或直接在前台js 方法里去render這些Dom對象

#10


向1樓說的,最好還是用JS在前台構建HTML。
如果你必須在后台代碼中繪制HTML及JS,可以使用以下方法:

后台添加JS:

Page.ClientScript中提供的方法。


后台繪制JS:
重寫Page的
Render
方法。

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: