文档章节

web开发中常用的js

自由的角马
 自由的角马
发布于 2015/01/10 13:57
字数 257
阅读 5
收藏 0
将自己在web开发中经常用到的一些JS总结一下。

1.修改标签和表单的值

修改标签的值:
var  customer = document.getElementById( "custm"  ).innerHTML;
alert(customer);
document.getElementById(  "custm" ).innerHTML =  "name"

修改控件(input)的值:
var  userName = document.getElementById( "userName" );
alert(userName.value);
userName.value =  "new value"  ;

2.js提交form表单
function  updateInfo(formName) {
     var  form = document.getElementById(formName);
    form.submit();
}

3.自定义html中file控件
< input  type =  "file"  id  = "fileupload"  name =  "fileupload"  style =" display  : none " />
< input  type =  "button"  onclick  = "fileupload.click()"  id = "uploadFileButton"  value = "浏 览 ..."  class  = "btn" />
< input  type = "submit"  name =  "submit"  value  = "上传"    onclick = "return ajaxFileUpload();"  class = "btn" >

4.实现多个复选框的多选和单选

全选
function  checkAll(checkall_id, checkName) {
      var  checkArr = document.getElementsByName(checkName);
      var  checkAll = document.getElementById(checkall_id);
      if (checkAll.checked ==  true  ) {
           for  ( var  i=0; i<checkArr.length; i++) {
             checkArr[i].checked =  true  ;
         }
    }  else  {
           for  ( var  i=0; i<checkArr.length; i++) {
             checkArr[i].checked =  false  ;
         }
    }
}
单选
function  checkSingle(single_id, checkName) {
      var  checkArr = document.getElementsByName(checkName);
      var  checkSingle = document.getElementById(single_id);
      for (  var  i=0; i<checkArr.length; i++) {
           if  (checkArr[i].value != single_id) {
             checkArr[i].checked =  false  ;       
         }  else  {
             checkArr[i].checked =  true  ;
         }
    }
}

4.在加载页面的时候调用js方法
<script type= "text/javascript" >
window.onload= function ()  //用window的onload事件,窗体加载完毕的时候
{
    //do something
}
</script>


本文转载自:http://blog.csdn.net/luoweifu/article/details/27588475

自由的角马
粉丝 1
博文 269
码字总数 0
作品 0
文山
私信 提问
7个常见Javascript框架介绍

设计开发中的“框架”指一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通俗的讲,框...

Junn
2012/09/16
229
0
让你瞬间提高工作效率的常用js函数汇总(持续更新)

前言 本文总结了项目开发过程中常用的js函数和正则,意在提高大家平时的开发效率,具体内容如下: 常用的正则校验 常用的设备检测方式 常用的日期时间函数 跨端事件处理 js移动端适配方案 xs...

徐小夕
07/02
0
0
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0
15款Django开发常用软件包

是一款高级的Python Web框架,可以帮助开发者快速创建web应用。我们这里整理了15款Django开发中常用的软件包,学会使用它们可以节省大量开发时间,提高开发效率。同时,也给出了它们的pip安装...

xiaoge2016
2018/04/20
225
0
Amaze UI 试用评测第一弹

上周收到Amaze UI的邀请, 有幸成为他们的第一批内测用户。 打开Amaze UI 的首页我们首先看到了Amaze UI 的一些特性; 话说回来,在amaze ui里的很多文档里都有提到对于浏览的支持都是IE 10+ ...

hongtao3
2014/07/24
14.9K
5

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部