文档章节

web开发中常用的js

自由的角马
 自由的角马
发布于 2015/01/10 13:58
字数 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
213
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
187
0
Amaze UI 试用评测第一弹

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

hongtao3
2014/07/24
14.9K
5

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部