`

ajax编程界面布局及界面元素命名体会

 
阅读更多

1、区块的显示与隐藏

在进行ajax编程时,经常会用到div标签对页面元素进行布局,大致方法是,把界面分做几大块,有时候需要根据点击菜单显示相应的块及隐藏其他块,这时可简单设置div.style.display为block进行显示,div.style.dispaly为none进行隐藏。

2、界面元素命名

首先,界面元素命名是不能重复的,如果必需共享元素名字,则可以在显示div块前,把其他的div块的innerHTML设为“”,再显示,就可达到不同div块内部的元素命名共享。

分享到:
评论

相关推荐

    界面设计+JS

    设计师通常会结合色彩理论、布局原则、图形元素和人机交互理论来创建直观且易于理解的界面。界面设计不仅包括视觉元素,如图标、按钮、色彩搭配,还包括布局结构和导航系统,旨在提供顺畅的用户体验。 在【界面设计...

    c#一个很漂亮经典的登录界面模板

    Photoshop是一款强大的图形设计软件,开发者通常会使用它来创建界面设计,包括按钮、输入框、背景等元素的布局和样式。良好的UI设计应该遵循简洁、清晰和一致的原则,确保用户能够快速理解并操作。 2. **响应式设计...

    Ajaxtest_M

    2. **JavaScript**:Ajax的主要编程语言,用于处理用户交互、创建和操纵DOM(文档对象模型)以及与服务器进行异步通信。JavaScript还可以用于解析接收到的数据,无论数据是XML、JSON还是其他格式。 3. **DOM**:...

    数据显示技术及实现Ajax技术

    - 设计实验界面,包括必要的输入输出界面元素。 - 编写关键代码,实现数据显示和Ajax技术的交互功能。 - 进行代码调试,确保所有功能按预期工作。 - 记录调试过程中遇到的问题及解决方案。 - 完成实验后,根据实验...

    【网页编程数据库应用】第17章 ASP.NET AJAX (精品推荐,免费分享!!).ppt

    例如,动态折叠栏目显示可以优化页面布局,动画效果增强用户感知,数据绑定显示对话框可以提供更友好的数据输入方式,弹出日历复合控件简化日期选择,智能密码强度提示有助于提升安全,锐化边角效果则为界面增添现代...

    AJAX技术手册(chm)

    在AJAX应用中,CSS用于控制页面的布局和样式,使用户界面更加美观和易用。 **JavaScript**是AJAX的基础,它负责创建和管理异步请求,处理响应数据,以及更新DOM以显示新内容。JavaScript的事件驱动模型使得页面可以...

    前台设计必备手册(集合JS AJAX XML 等)

    在IT行业中,前端设计是构建用户交互界面的关键环节,它涉及到HTML、JavaScript、XML、AJAX以及CSS等技术。这份“前台设计必备手册”显然是一份综合性的参考资料,旨在帮助开发者快速查阅和理解这些核心技术。下面,...

    源代码-ajax 无刷新股票查询程序.zip

    7. **用户接口设计**:为了提供良好的用户体验,股票查询程序需要有直观的用户界面,包括搜索框、股票代码输入、结果显示区域等元素。 8. **实时性**:股票数据的实时性至关重要,因此程序可能需要设置定时任务,...

    [聊天留言]适合ajax初学者的简易聊天程序 v1.0_simplechat(ASP.NET源码).rar

    1. HTML/CSS文件:构成用户界面,使用HTML布局元素和CSS样式控制聊天窗口的外观。 2. JavaScript文件:实现Ajax功能,如发送和接收消息,更新聊天记录,以及处理用户交互。 3. ASP.NET Web Forms或MVC项目文件:可能...

    ASP实例开发源码—ajax 即时聊天程序.zip

    【标题】"ASP实例开发源码—ajax 即时聊天程序.zip"是一个包含ASP编程语言实现的实时聊天程序示例的压缩文件。该程序利用了AJAX(Asynchronous JavaScript and XML)技术,允许用户在不刷新整个网页的情况下与服务器...

    商业编程-源码-AYASOFT 留言板.zip

    《AYASOFT 留言板》是一个典型的商业编程项目源码,它为我们揭示了在实际商业环境中如何设计和实现一个互动性良好的留言板系统。这个压缩包包含的文件是AYASOFT 留言板的全部源代码,我们可以从中学习到多种编程技术...

    ASP.NET3.5从入门到精通

    第一篇窗口与界面编程 7 2.1.2 C# IDE 的代码设置 2.2 变量 2.2.1 定义 2.2.2 值类型 2.2.3 引用类型 2.3 变量规则 2.3.1 命名规则和命名习惯 2.3.2 声明并初始化变量 2.3.3 数组 2.3.4 声明并初始化字符串 2.3.5 ...

    动态显示JSP服务器内存的Ajax程序 图像版_systemjc.rar

    综合以上信息,这个项目的核心是一个使用JSP和Java语言开发的Web应用程序,通过Ajax技术实现了动态更新服务器内存使用情况的图形化界面,适合计算机网络和Web开发的学习者或毕业生进行实践和学习。项目可能包括了...

    商业编程-源码-用XML和XSLT进行高级的 Web UI设计(三).zip

    在本压缩包“商业编程-源码-用XML和XSLT进行高级的 Web UI设计(三).zip”中,包含的是关于如何利用XML(Extensible Markup Language)和XSLT(XSL Transformations)进行复杂Web用户界面(UI)设计的源代码和相关...

    仿google搜索.

    5. **HTML/CSS**:构建搜索框、搜索结果展示区域等界面元素,通过CSS实现Google风格的界面布局和样式。 6. **搜索引擎优化(SEO)**:虽然这是一个模仿项目,但了解基本的SEO概念如元标签、友好的URL结构和内容优化...

    asp.net服务器控件高级编程(带源文件)

    6. **Ajax支持**:ASP.NET AJAX扩展提供了UpdatePanel和ScriptManager等控件,实现了部分页面更新,从而改善用户体验,减少页面刷新。 7. **CSS和 Themes**:为了实现一致的外观和布局,开发者可以使用CSS样式和...

Global site tag (gtag.js) - Google Analytics