`
izuoyan
  • 浏览: 9205723 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

刷新局部DIV

阅读更多
  1. <scriptlanguage="javascript"type="text/javascript">
  2. varwritestr="";
  3. vari=0;
  4. functionupdatepage()
  5. {
  6. ref();
  7. setInterval("ref()",10000)
  8. }
  9. functionref()
  10. {
  11. writestr="<divclass=\"box-worklist-tit\">";
  12. writestr+="<%=username%>欢迎您!</div>";
  13. writestr+="<divclass=\"box-worklist-content\">";
  14. writestr+="<tablewidth=\"100%\"border=\"0\"cellpadding=\"0\"cellspacing=\"0\"><tr><tdwidth=\"20\">";
  15. writestr+="<imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-1.gif\"alt=\"待办文件\"width=\"11\"height=\"11\"/></td><td>";
  16. writestr+="<ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=1\"target=\"_blank\">待办文件</a></td><tdwidth=\"50\"align=\"right\"class=\"yellow\">(<%=dbwj%>)</td></tr>";
  17. writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-2.gif\"alt=\"待阅文件\"width=\"11\"height=\"11\"/></td>";
  18. writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=2\"target=\"_blank\">收文待阅</a></td><tdalign=\"right\"class=\"yellow\">(<%=dywj%>)</td></tr>";
  19. writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-3.gif\"alt=\"收文箱\"width=\"11\"height=\"11\"/></td>";
  20. writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=3\"target=\"_blank\">发文待阅</a></td><tdalign=\"right\"class=\"yellow\">(<%=swx%>)</td></tr>";
  21. writestr+="<tr><td><imgsrc=\"/_layouts/caini/styleS-2008-FQNP/styles-200806/icon-worklist-4.gif\"alt=\"公办文件\"width=\"11\"height=\"11\"/></td>";
  22. writestr+="<td><ahref=\"<%=workflowHost%>/OA/OAWF/Default.aspx?o=4\"target=\"_blank\">公办文件</a></td><tdalign=\"right\"class=\"yellow\">(<%=gbwj%>)</td></tr>";
  23. writestr+="</table></div>";
  24. document.getElementById("divshow").innerHTML=writestr;
  25. }
  26. </script>
  27. <bodyonload="updatepage();">
  28. <divclass="box-worklist"id="divshow">
  29. </div>
  30. </body>
分享到:
评论

相关推荐

    jQuery 局部div刷新和全局刷新方法总结

    接下来,我们将详细介绍如何使用jQuery进行局部div刷新和全局刷新。 局部div刷新主要指的是只刷新页面中某个特定的div元素区域。这在实现动态内容更新、表单提交、无刷新页面体验等方面有着重要的应用价值。jQuery...

    基于AdminLTE(bootstrap)用JS实现的局部刷新的案例

    2. **选择器与DOM操作**:使用jQuery选择器找到需要进行局部刷新的元素,例如一个id为"refreshArea"的div。可以使用`$("#refreshArea")`来获取该元素。 3. **Ajax请求**:使用`.ajax()`或`.load()`方法发起Ajax请求...

    thymeleaf局部刷新解决方案.docx

    ### Thymeleaf局部刷新解决方案 #### 背景与问题描述 在使用Thymeleaf作为前端模板引擎的过程中,开发者经常会遇到一个棘手的问题:如何有效地实现页面的局部刷新功能。具体来说,在某些场景下,我们需要更新网页...

    bootstarp+iframe 实现局部刷新 后台模板

    局部刷新允许用户在不重新加载整个页面的情况下更新特定部分,从而提高用户体验和效率。 Bootstrap框架提供了丰富的CSS样式、JavaScript组件和网格系统,使得开发者能够快速地创建出美观且易于使用的界面。在这个...

    jquery刷新DIV

    这种局部刷新的技术可以提高用户体验,因为它减少了网络流量,使得页面更新更为流畅。 首先,让我们了解基本的jQuery选择器。在jQuery中,我们可以使用CSS选择器来定位我们需要操作的DOM元素,如`$("#myDiv")`会...

    Ajax定时刷新局部页面

    ### Ajax定时刷新局部页面知识点详解 #### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味...

    AJAX局部刷新

    总的来说,AJAX局部刷新技术通过优化页面交互,减少了不必要的页面重载,提高了用户界面的响应速度和用户体验。它广泛应用于网页的动态加载、搜索结果的实时更新、表单验证等多个场景。在实际应用中,开发者需要注意...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    MVC3.0局部刷新

    **MVC3.0局部刷新详解** 在Web开发中,用户界面的响应速度和用户体验是至关重要的。传统的页面刷新方式可能导致整个页面重载,影响用户体验,尤其是在数据交互频繁的场景下。为此,开发者通常会采用“局部刷新”...

    HTML页面局部刷新的实现代码

    在实际开发中,可以结合使用事件响应刷新和局部自动刷新,根据需求灵活调整刷新频率和触发条件,以优化用户体验。同时,确保服务器端的处理速度和响应效率也是关键,以避免因频繁请求导致的性能问题。

    struts2+json+jquery局部刷新实现注册验证

    struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类

    Struts2+jQuery(不用JSON)实现局部刷新

    在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...

    jQuery+ajax实现局部刷新的两种方法

    在web开发中,实现页面的局部刷新是一个常见的需求,这可以提高用户体验,减少不必要的网络传输,加快页面的响应速度。本文将介绍使用jQuery和ajax来实现页面局部刷新的两种方法。对于jQuery,它是一个快速、小巧、...

    ajax局部刷新一个div下jsp内容的方法

    本篇文章将深入探讨如何使用AJAX实现局部刷新一个包含JSP内容的div元素。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,与服务器交换数据并更新部分网页的技术。在上述示例...

    php ajax 实现局部刷新简单例子(超简单化)

    在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...

    JQuery实现动态菜单以及刷新局部页面实例

    本实例将深入探讨如何使用jQuery来创建动态菜单并实现局部页面的刷新功能,这对于提升用户体验和优化网页性能至关重要。 一、jQuery动态菜单的实现 1. HTML结构:首先,我们需要构建一个基础的HTML菜单结构。通常...

    使用Ajax实现页面无刷新(局部刷新),

    它的核心是JavaScript对象XMLHttpRequest,通过这个对象,我们可以向服务器发送异步请求,获取数据并动态更新页面内容,从而实现页面的无刷新或局部刷新。 **一、Ajax的基本工作原理** Ajax的核心是创建...

    ajax实现局部刷新

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部刷新,以提高用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在不重新加载整个页面的情况下与服务器交换数据并...

    ajaxSubmit局部刷新

    在以上代码中,`ajaxForm`方法将表单绑定到AjaxSubmit,`success`回调函数接收服务器返回的数据(假设是JSON格式),并将结果插入到id为`resultDiv`的元素中,从而实现局部刷新。如果发生错误,`error`回调会被调用...

Global site tag (gtag.js) - Google Analytics