`
webmaker
  • 浏览: 4998 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

web页面元素初始化

阅读更多

  web页面编程时经常涉及到页面元素的初始化,使用系统提供的api不利于修改和扩展,所有就自己实现了一个,很简单,也很实用,代码如下:

function formReset(){

 //获取所有input的句柄
 var objs = document.getElementsByTagName("input");

   for(var i=0; i < objs.length; i++) {

     //每个checkbox均不被选中
     if(objs[i].type.toLowerCase() == "checkbox"){
        objs[i].checked = false;
        continue;
     }

     //每个radio均设置为第一个被选中
     if(objs[i].type.toLowerCase() == "radio"){        
         if(typeof objs[i].name != undefined){         
            document.getElementsByName(objs[i].name)[0].checked=true;
            continue;
        }       
     }

     //文本框清空
     if(objs[i].type.toLowerCase() == "text" || objs[i].type.toLowerCase() == "textarea"){
        objs[i].value = "";
        continue;
     }     
   }
  
   //获取所有select的句柄
 objs = document.getElementsByTagName("select");

 //每个select均设置为第一个被选中
 for(var i=0; i < objs.length; i++) {
 objs[i].options[0].selected="true";
 }
  
}
 


 

 

分享到:
评论

相关推荐

    达内 java云笔记 初始化 静态页面

    这个云笔记项目可能是达内的教学示例,旨在帮助学生理解如何构建一个简单的Web应用,尤其是如何初始化并美化前端页面。 总的来说,这个Java云笔记的静态页面初始化涉及到HTML基础、页面布局、CSS美化和可能的...

    JSP页面表格初始化

    - 可以通过`document.getElementById`等方法获取页面元素,进行DOM操作。 - 使用AJAX技术与服务器端进行异步通信,实现无刷新更新页面内容。 ### 总结 通过以上分析可以看出,这个JSP页面中的JavaScript脚本主要...

    jQuery移动web开发中的页面初始化与加载事件

    页面初始化与加载事件是web开发中的关键环节,它们能够帮助开发者对页面加载过程中的各种状态进行监听和控制,以实现更加丰富和流畅的用户体验。 页面初始化事件主要包括`pagebeforecreate`和`pagecreate`两种类型...

    js操作表格, 带初始化的

    在这个主题中,我们将深入探讨如何使用JavaScript来创建、初始化、增加和删除表格元素。以下是一份详细的指南,帮助你理解并掌握这些核心概念。 首先,我们讨论如何初始化表格。在HTML中,可以创建一个基本的表格...

    海康视频web页面demo

    在这个项目中,JavaScript可能被用来初始化视频流、处理用户输入、控制视频播放、暂停、快进、回放等操作。 3. **codebase**:在HTML中,`&lt;object&gt;` 或 `&lt;embed&gt;` 标签的`codebase`属性通常用来指定插件或ActiveX...

    超简单web页面国际化多语言

    在现代Web开发中,为了让网站或应用能够...总的来说,通过前端实现Web页面的国际化多语言切换,不仅可以提高用户体验,也是扩大业务覆盖范围、吸引全球用户的重要手段。掌握上述技术并灵活运用,就能轻松实现这一目标。

    干净的ASP.NET页面初始化

    本主题将深入探讨“干净的ASP.NET页面初始化”,特别是如何通过单个JavaScript调用来初始化母版页、页面和控件。 在ASP.NET中,页面生命周期包括多个阶段,其中“初始化”阶段是最早的可编程阶段。在这个阶段,页面...

    web前端页面规范.pdf

    在 CSS 文件中,初始化应包含基本的样式设置,例如字体、颜色和布局。 CSS 书写顺序 在 CSS 文件中,书写顺序应遵循一定的规则。例如,先写通用样式,然后写具体样式。 Web 前端页面规范是为了确保前端页面的质量...

    web页面下的元素拖拽插件,纯js,有Demo

    这个【标题】提到的"web页面下的元素拖拽插件,纯js,有Demo",意味着它提供了一个JavaScript实现的拖放解决方案,无需依赖任何其他库,如jQuery或类似的框架,而且包含演示示例,方便开发者理解和应用。 【描述】...

    web.xml元素详解

    `context-param`元素定义了在Web应用上下文中可用的初始化参数,这些参数可以在整个应用范围内使用,常用于配置数据库连接、邮件服务等环境变量。 #### 6. Filter `filter`元素用于定义过滤器,过滤器是在请求到达...

    HTML+CSS初始化万能模板

    在Web开发中,一个良好的初始化模板可以大大提高开发效率,减少重复工作,并确保代码的一致性和标准化。"HTML+CSS初始化万能模板"就是这样一个工具,它提供了基本的HTML结构和预设的CSS样式,以方便开发者快速启动新...

    web页面的套打实现

    2. **DTPrint.aspx.cs**: 这是C#后端代码文件,用于处理前端页面提交的请求,例如初始化插件、设置打印参数、触发打印等操作。后端代码会与前端页面进行交互,确保数据正确传递并执行相应的打印任务。 3. **DTPrint...

    web登录注册页面模板150款(效果图+源码)

    在IT行业中,前端开发是构建Web应用程序的重要组成部分,而登录注册页面则是用户与网站交互的初始界面。"web登录注册页面模板150款(效果图+源码)"这个资源为前端开发者提供了一大批预设计的界面元素,帮助他们快速...

    用来实现Web页面图片移动托拽的代码段

    这段代码的主要目的是实现在Web页面上生成可拖动的图像元素。下面将详细解释代码中的关键知识点。 ### 关键变量定义 1. **`top` 和 `left`**:这两个变量用于存储表格元素在页面上的起始位置坐标。 2. **`src`**:...

    web.xml配置详解, web.xml web.xml 配置实例

    * servlet 元素:在向 servlet 或 JSP 页面制定初始化参数或定制 URL 时,必须首先命名 servlet 或 JSP 页面。 * servlet-mapping 元素:服务器一般为 servlet 提供一个缺省的 URL,但可以使用 servlet-mapping 元素...

    5个海康威视视频插件WebComponents

    在海康威视的视频插件中,Shadow DOM可能会用于隐藏和管理播放器内部的DOM结构,确保样式只作用于该组件本身,不会影响到页面上的其他元素。 2. **Custom Elements**:Custom Elements API允许开发者定义新的HTML...

    echart_web页面_

    2. **ECharts基本配置**:在HTML中创建一个用于显示图表的div元素,然后通过JavaScript初始化ECharts实例,设置图表的容器、数据、图表类型等属性。 3. **数据绑定**:ECharts可以接收动态数据,通过JavaScript变量...

    jquery省市县三级联动,可初始化

    以上就是关于"jQuery省市县三级联动,可初始化"的知识点详解,这个功能的实现涉及到了DOM操作、事件处理、数据交互、动态更新等多个方面,是Web开发中一个实用而常见的技巧。通过熟练掌握这些技术,开发者可以创建更...

    web前端页面规范[参照].pdf

    在 CSS 文件中,我们需要初始化一些基本的样式,例如字体、颜色和布局。这些初始化可以使得我们的样式更加简洁和一致。 CSS 书写顺序 在 CSS 文件中,我们需要遵守一定的书写顺序,例如: * 选择器的书写顺序:从...

    webuploader单页面多个上传demo

    在这里,你可以看到如何通过JavaScript来初始化多个WebUploader实例,以及如何将它们绑定到页面上的不同元素。 3. cxuploader.js:这可能是包含额外功能或特定于项目逻辑的JavaScript文件,可能用于扩展WebUploader...

Global site tag (gtag.js) - Google Analytics