zoukankan      html  css  js  c++  java
  • web开发中经常使用的js

    将自己在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>


  • 相关阅读:
    实时视频应用示例:监控与音乐教学
    im ui框架调研,对比
    WampServer 常见问题
    Android Studio xcode单步调试 WebRTC Android & iOS
    WebRTC 源码分析(五):安卓 P2P 连接过程和 DataChannel 使用
    归并排序的分析与Java实现
    Redis的数据类型
    使用Maven进行多模块拆分
    内容平台消息队列异步静态化实现
    ActiveMQ的应用实例
  • 原文地址:https://www.cnblogs.com/liguangsunls/p/6756295.html
Copyright © 2011-2022 走看看