常用js代码
?
File.separator $("#bhUploadGrid1").datagrid("unselectAll");var sels = $("#bhUploadGrid1").datagrid("getSelections"); if(sels.length > 500){$.messager.alert(TipInfo.COMMON_TIPTITLE, "請不要選擇超過500條數據！", 'info');return;}<label for="male">Male</label> <input type="radio" name="sex" id="male" /><input type="text" id="LOANDATEBEG1" name="LOANDATEBEG1" class="easyui-datebox" required="required" editable="false" readonly="readonly" width="140px" /><input type="text" id="DBD_BUILDINGAREA" name="DBD_BUILDINGAREA"data-options="min:0,max:9999,precision:2" class="easyui-numberbox" style="width: 200px"><a class="easyui-linkbutton" data-options="iconCls:'icon-search'" οnclick="queryUpload1()" style="width:80px">查詢</a><script type="text/javascript">var qryFlag = ${requestScope.BHUPLOAD_QRYBHUPLOAD};var uploadFlag = ${requestScope.BHUPLOAD_EXBHUPLOAD}; </script>System.lineSeparator(); jdk1.7 System.getProperty("line.separator") pre 1.7$.messager.alert(TipInfo.COMMON_TIPTITLE, "生成放款明細和還款計劃文件，并且已上傳成功！", 'info'); $.messager.progress({text:TipInfo.getInfoString(messages)}); $.messager.progress('close');var msgArr=[]; msgArr.push(TipInfo.COMMON_OPERATE_FAIL);$.ajax({url: ctx+"/bhtrust/produceBhTrustAccFile.do",dataType:'json',type:'post',data:{selsArr:selsArr},beforeSend:function(){},success:function(data){},error:function(res){$.messager.progress('close');if(res&&res.responseText){$.messager.alert(TipInfo.COMMON_TIPTITLE,res.responseText,'error');}else{}});document.write("<p>hello</p>"); 顯示為hello $("#p1").html("<p>hello</p>"); 顯示為hello $("#p1").text("<p>hello</p>"); 顯示為<p>hello</p>var a = document.getElementById("id"); a.innerHTML = "<h5>替換的值</h5>"; 顯示替換的值//確認 var msg = confirm("提示信息"); if(msg == true){}else{}//提問 取消返回null var msg = prompt("請輸入姓名：","實例內容xxxx"); if(msg != null){alert(); }else{}//開新窗口 window.open([URL],[窗口名稱],[參數字符串]);//關閉窗口 window.close(); var mywindow = window.open([URL],[窗口名稱],[參數字符串]); mywindow=close();//獲取對象 var mychar = document.getElementById("id"); //改變html樣式 mychar.style.color = "red"; mychar.style.fontSize = "20"; mychar.style.backgroundColor = "blue"; mychar.style.backgroundColor = "#CCC" mychar.style.height = mychar.style.width = mychar.style.fontFamily = //字體 //顯示和隱藏 mychar.style.display = "none"; //隱藏 mychar.style.display = "block"; //顯示//定義數組 var myarr = new array(66,77,88,99); var myarr = [66,77,88,99]; var myarr = new array(); myarr[0] = 80; myarr[1] = 90; //數組長度 myarr.length//點擊事件 <input name="點擊我" type="button" value="點擊我" οnclick="openw"> //鼠標經過事件（onmouseover） <input name="確定" type="button" value="確定" οnmοuseοver="message()"/> //鼠標移開事件（onmouseout） <a href="http://www.imooc.com" οnmοuseοut="message()">點擊我</a> //光標聚焦事件（onfocus） <select name="career" οnfοcus="message()"> //失焦事件（onblur） <input name="password" type="text" value="請輸入密碼！" οnblur="message()"> //內容選中事件（onselect）<textarea name="summary" cols="60" rows="5" οnselect="message()">請寫入個人簡介，不少于200字! //文本框內容改變事件（onchange）<textarea name="summary" cols="60" rows="5" οnchange="message()">請寫入個人簡介，不少于200字! //加載事件（onload） <body οnlοad="message()"> //卸載事件（onunload） <script type="text/javascript"> window.onunload = onunload_message; function onunload_message(){ alert("您確定離開該網頁嗎？"); } </script> //字符串對象 mystr.toUpperCase(); mystr.toLowerCase(); mystr.length; mystr.charAt(1); //返回指定位置字符 mystr.indexOf("a"[,8]); //返回首次出現該字符串的位置;第二個參數表示從哪里開始 mystr.split("^"[,2]); //分割字符串，分割幾次，返回數組 mystr.split(""); //分割每個字符串 mystr.substring(7[,8]); //提取字符串,第一個位置到第二個位置 mystr.substr(7[,8]); //截取字符串，第一個位置后面多少個 //Date 日期對象 var Udate=new Date(); var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 d.get/setDate();//設置日期 d.get/setFullYear();//返回/設置年份，用四位數表示 d.get/setMonth();//返回/設置月份 0：一月 11:十二月 所以加1 d.get/setDate();// 從 Date 對象返回一個月中的某一天 (1 ~ 31)。 d.get/setDay();//返回/設置星期 0：星期一 6：星期日 d.get/setHours();//返回/設置小時 24小時 d.get/setMinutes();//返回/設置分鐘數 d.get/setSeconds();//返回/設置秒鐘數 d.getMilliseconds(); //返回 Date 對象的毫秒(0 ~ 999)。d.get/setTime();//返回/設置時間(毫秒為單位) 計算從 1970 年 1 月 1 日零時到日期對象所指的日期的毫秒數。 mydate.setTime(mydate.getTime() + 60 * 60 * 1000); //增加一個小時//輸入框禁止輸入空格，去除空格（時時觸發） $("#HOUSELOCA").keydown(function(e){if(e.keyCode == 32){return false;}});//光標移開后，將去除空格 $("#HOUSELOCA").blur(function(){var houseLocaT = $("#HOUSELOCA").val();houseLocaT = houseLocaT.replace(/(\s*)/g,"");$("#HOUSELOCA").val(houseLocaT);$("#HOUSELOCA").validatebox("validate"); }); // 正則表達式 // \s是空格 // \s*是多個空格 // / /是正則表達式 // i：ignorCase忽略大小寫 // m：mutiple允許多行匹配 // g：globle進行全局匹配，指匹配到目標串的結尾//光標移開后，將去除兩邊空格 $("#HOUSELOCA").blur(function(){var houseLocaT = $("#HOUSELOCA").val();houseLocaT = houseLocaT.trim();$("#HOUSELOCA").val(houseLocaT);$("#HOUSELOCA").validatebox("validate"); });//這種寫法獲取值 <s:radio id="APPSTATUS" name="APPSTATUS" list="%{#{'0':'通過','1':'不通過'}}" value="'0'" /> //選中的值觸發事件 $("input[name='APPSTATUS']").click(function(){ }); //獲取選中的值 $("input[name='APPSTATUS']:checked").val(); //重置默認值 document.getElementsByName('custtype')[0].checked=true;//禁用\啟用按鈕等 //禁用a標簽 $("#btnPlanView").linkbutton('disable'); //禁用combobox\textbox var BCHID = $("#BCHID").combobox("getValue"); var LEADCHAR = $("#LEADCHAR").val(); $("#BCHID").combobox({disabled:true}); $("#LEADCHAR").attr("disabled",true); //啟用combobx\textbox(因為禁用無法取值，所以禁用后要提交的話必須重新賦值) $("#BCHID").combobox({disabled:false}); $("#LEADCHAR").attr("disabled",false); $("#BCHID").combobox("setValue",BCHID); $("#LEADCHAR").val(LEADCHAR);//js組裝對象，獲取對象的值 function getUrl(){var theRequest = new Object();theRequest['name'] = tom;theRequest['age'] = 18;return theRequest; } theRequest['name ']; getUrl['name'];//numberbox，限制數字最大值、最小值、最大長度、金額添加小數、金額分隔逗號 <input type="text" id="DBD_BUYPRICE" name="DBD_BUYPRICE" value="${batadbdmVo.DBD_BUYPRICE }" data-options="min:0,max:9999999999,precision:2" maxlength="3" groupSeparator="," class="easyui-numberbox validate[,max[9999999999]]" style="width: 200px" /> //跳轉easyui-tabs頁面 $("#custDiv").tabs('select',0);//驗證，并跳轉未填寫的頁面 var flag = $("#form1").form("validate");if (!flag) {$("#tab1").trigger('click');$.messager.alert(TipInfo.COMMON_TIPTITLE,"請填寫必填項！", 'error',function(){ skipVerify() });return false;}flag = $("#form2").form("validate");if (!flag) {$("#tab2").trigger('click');$.messager.alert(TipInfo.COMMON_TIPTITLE,"請填寫必填項！", 'error',function(){ skipVerify() });return false;}flag = $("#form3").form("validate");if (!flag) {$("#tab3").trigger('click');$.messager.alert(TipInfo.COMMON_TIPTITLE,"請填寫必填項！", 'error',function(){ skipVerify() });return false;}//用jquery拼url的參數（泰康Excel）exportUrl = "${rootPath}/rnhasten/downloadExcel?1=1&divorderby=true";var inputElemts = $(':input[id]');inputElemts.each(function(i, inputElemt) {exportUrl += '&' + $(this).attr('id') + '=' + $(this).textbox('getValue'); });//textarea輸入框字數限制 input輸入框字數限制（未驗證） <textarea id="REMARKS" name="REMARKS" style="width: 98%" maxlength="170" class="textbox">${batadbdmVo.REMARKS }</textarea>?
--------------------------------jQuery,datagrid使用例子 ------------------------------------------------ <table id = 'dataTable'></table>jQuery(function() { //jQuery,datagrid使用例子//初始化列表$('#dataTable').datagrid({iconCls ： 'icon-tip',title : '客戶保單信息',singleSelect : true, //是否單選striped : true, //斑馬線效果rownumbers : true, //顯示行數pagination : true, //如果為true，則在DataGrid控件底部顯示分頁工具欄。pageSize : 5, //初始頁面大小pageList : [5,10,15], //每頁數量fit : true, //填充remoteSort:false, //排序multiSort:true， //排序，需要在列上加上相應的屬性 sortable:trueurl : '${rootPath}/role/getRoleList',queryParams : { //查詢參數holdercscno : curholdercscno},method : 'post',idField : 'ROLE_ID', //指明標識字段frozenColumns : [[ //凍結的列{field : 'CONTNO', //要和springmvc傳回來的列名稱大小寫一致title : '保單號',width : 140,sortable : true //該列排序},{field : 'MANAGECOM', //要和springmvc傳回來的列名稱大小寫一致title : '銷售分公司',width : 140,formatter : function( val,row){ //單元格數據格式 if (val < 30){return '<span style="color:red;">('+val+')</span>';} else {return val;}}},columns : [[{field : 'ck',checkbox : true},{field : 'ROLE_CODE', //要和springmvc傳回來的列名稱大小寫一致title : '角色編碼',width : 140},{field : 'ROLE_SEX', //要和springmvc傳回來的列名稱大小寫一致title : '角色編碼',width : 140,formatter: function(value,row,index){if (value == 'F'){return '男';} else if (value == 'M') {return '女';}}},{field : 'ROLE_NAME',title : '角色名稱',hidden : true, //是否隱藏 隱藏列width : 140},]],toolbar : [ //添加按鈕{id : 'btnrefresh',text : '刷新',iconCls : 'icon-arrow_refresh',handler : function() {searchInfo();}},{id : 'btnadd',text : '新增',iconCls : 'icon-add',handler : function() {addrow();}}],//雙擊行事件onDblClickRow : function(rowIndex,rowData){alert(rowData.NAME);},//選中行事件onSelect : function(rowIndex,rowData){alert（rowData.NAME);},onLoadSuccess : function (data) {$('#dataTable').datagrid('clearSelections'); //一定要加上這句，不然datagrid會記住之前的選擇狀態，會影響刪除}});//清空datagrid清空數據 function(){var item = $('#tablename').datagrid('getRows');if (item) {for (var i=item.length -1; i>=0; i--){var index = $('#tablename').datagrid('geRowIndex',item[i]);$('#tablename').datagrid('deleteRow',index);}}$('#tablename').datagrid('loadData',{total:0,row:[]}); }//單選datagrid var select = $('#tablename').datagrid('getSelected'); //多選datagrid var selections = $('#tablename').datagrid('getSelections'); //判斷是否選中 if (!select) if (!selections) //獲取datagrid的列值 var name = select.NAME;--------------------------------jQuery,datagrid使用例子,勾選已經選中的 ------------------------------------------------ <table id = 'dataTable'></table>jQuery(function() { //jQuery,datagrid使用例子//初始化列表$('#dataTable').datagrid({iconCls ： 'icon-tip',singleSelect : true, //是否單選rownumbers : true, //顯示行數pagination : true, //如果為true，則在DataGrid控件底部顯示分頁工具欄。fit : true,url : '${rootPath}/role/getRoleList',method : 'post',idField : 'ROLE_ID', //指明標識字段columns : [[{field : 'ck',checkbox : true},{field : 'ROLE_CODE', //要和springmvc傳回來的列名稱大小寫一致title : '角色編碼',width : 140},{field : 'ROLE_NAME',title : '角色名稱',width : 140},]],toolbar : [ //添加按鈕{id : 'btnrefresh',text : '刷新',iconCls : 'icon-arrow_refresh',handler : function() {searchInfo();}},{id : 'btnadd',text : '新增',iconCls : 'icon-add',handler : function() {addrow();}}],onLoadSuccess : function (data) {var rowData = data.rows;$.each(rowData, function(idx, val){if(val.okflag == 1){ //okflag屬性是在java代碼中查詢得到的list中，roleList.get(i).put("okflag",1);放入的$("#roledataTable").datagrid("selectRow",idx); //如果數據行為一選中，則選中該行}});}java代碼：public List<Dto> getUsersRoleList(Dto param){//Dto是繼承Map的一個封裝類//含有該用戶的用戶角色表List<UserRoleBo> userRoleList = userRoleService.findAll(userRoleBO); //查詢所有角色表List<Dto> roleList = appDao.queryForMapList("Role.findAllMapRole"); //設置指定用戶是否擁有相應角色if (roleList != null && roleList.size() > 0){for (int i = 0; i < roleList.size(); i++){Dto dto = roleList.get(i);Integer roleId = dto.getAsInteger("ROLE_ID");if (userRoleList == null || userRoleList.size() ==0){//該用戶沒有任何用戶角色列表，則該用戶沒有該角色roleList.get(i).put("okflag", 0);} else {//如果該用戶有用戶角色列表，則與角色表循環遍歷判斷if (this.checkRoleIdInList(roleId, userRoleList)){//該用戶有該角色roleList.get(i).put("okflag", 1);} else {//該用戶沒有該角色roleList.get(i).put("okflag", 0);}}}}return roleList; }private boolean checkRoleIdInList(Integer userId, List<UserRoleBo){UserRoleBO userRoleBo = null;for (int i = 0; i < userRoleList.size(); i++){userRoleBo = userRoleList.get(i);if (userRoleBo.getRoleId().equals(roleId)){return true;}}return false; }--------------------------------模糊搜索按鈕------------------------------------------------ function serchInfo(){ var queryParams = $('#dataTable').datagrid('options').queryParams; //獲取datagrid的所有在表單屬性 var fields = $('#dataForm1').serializeArray(); //序列化表單元素為JSON對象 $.each(fields, function(i,field){queryParams[field.name] = field.value; //設置相應的屬性名稱的相應的值 }); var maxrlt = $('#maxrlt').combobox('getValue'); //額外加上參數 queryParams.maxrlt = maxrlt; var url = '${rootPath}/role/getRoleList'; $('#dataTable').datagrid('reload',url); //用新的url重新加載表單 }---------------------------------彈出小窗口----------------------------------------------- <div div = 'divDialog'></div>function setAuth(roleName,value,code){ 彈出新增、修改、設置小窗口var roleNametmp = escape(encodeURIComponent(roleName)); //escape() 函數可對字符串進行編碼，這樣就可以在所有的計算機上讀取該字符串。encodeURIComponent()可把字符串作為URI 組件進行編碼。url = '${rootPath}/role/showSetAuthPage?roleName=' + roleNametmp + '&roleId=' + value + '&roleCode=' +code;$('#divDialog').dialog({ //彈出小窗口title : "角色權限", //小窗口名字fixPosition : true, //隨滾動條滾動width : 550,height : 700,href : url, //小窗口加載的jsp地址，可以是springmvc返回的地址cache : false,closed : false,modal : true}) }----------------------------------刪除按鈕---------------------------------------------- function delerow() {var row = $('#dataTable').datagrid('getSelected'); //獲取datagrid勾選的選項if (row) {com.message('confirm', '刪除后不可恢復，確定要刪除該角色嗎？', '提示', function(r)){if (r) {$.post('${rootPath}/role/deleteRole', //post的請求地址{roleId : row.ROLW_ID}, //row.ROLE_ID 是設置的datagrid的列名稱，區分大小寫function(data){ //請求成功后的回調方法if (data.result == 'true' || data.result == true) {$.messager.alert('success', data.msg);goBack(1);} else {$.messager.alert('error', data.msg);};})} else {$.messager.alert('warning', "請選擇你要操作的記錄！");return;}}}; }；function goBack(flag){if (flag == 1) {searchInfo();};$('#divDialog').window('close'); //關掉窗口 }-----------------------------------清空表單--------------------------------------------- function clearForm() {$('#dataForm1').form('clear'); //清空該表單的input數據 }----------------------------------關于javascript方法傳參數----------------------------------------------<input type="button" value="按鈕按鈕" οnclick="app(1,2,3);"><script type="text/javascript">function app(){alert(arguments.length + "--0");alert(arguments[0] + "--1");alert(arguments[1] + "--2");}以調用那邊的為主，有個內置對象arguments----------------------------------datagrid多選后，通過ajax往springmvc傳值---------------------------------------------- function ajaxfunction(){var selectedcjryxx = $('#cjryxx').datagrid('getSelections');if(selectedcjryxx.length>0){var userCodes = new Array();var userNames = new Array();for (var i = 0; i < selectedcjryxx.length; i++) {userCodes[i] = selectedcjryxx.code;userNames[i] = selectedcjryxx.name;//獲取多選的datagrid的值};var allotData = {userCode : userCodes.join('@');userName : userNames.join('@');//將數組轉化成用@分割的字符串}$ajax({type : 'POST',url : '{rootPath}/assginByCom/allotByCom',data : allotData,dataType : 'json',success : function(data){var returnmessage = data.returnmessage;if(returnmessage != '' && returnmessage != null && returnmessage != 'null'){$.messager.alert('提示',returnmessage,'info',function(){fpfm.submit();})}}})} }在controller層，通過 String[] userNames = userName.split("@");截取成數組。----------------------------------easyUI easyUI-layout表頭中插入div---------------------------------------------- <div title="div1" data-options="region:'north', height:85, border:false, collapsible:false, split:true, tolls:'#tt' "> <div><font>數量：</font><input name="maxrlt" id="maxrlt" data-options="editable:false, width:65"/></div>----------------------------------判斷使用的瀏覽器 ---------------------------------------------- //判斷瀏覽器function validB(){var u_agent = navigator.userAgent ;var B_name="不是想用的主流瀏覽器!";if(u_agent.indexOf("Firefox")>-1){B_name="Firefox";}else if(u_agent.indexOf("Chrome")>-1){B_name="Chrome";}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){B_name="IE(8-10)"; }document.write("瀏覽器:"+B_name+"<br>");document.write("u_agent:"+u_agent+"<br>");}----------------------------------下拉框combobox ---------------------------------------------- //下拉框combobox <input id="combo" name="combo" class="easyui-combobox"/>var combo_plz = 0; $('#combo').combobox({editable : false, //不可編輯url : '', //url返回的是List<Map<String,Object>>類型valueField : 'codeval',textField : 'codename',onLoadSuccess : function(){if (combo_plz == 0){var data = $(this).combobox('getData');data.insert(0,{'codeval':'','codename':'請選擇'});combo_plz += 1;$('#combo').combobox('loadData',data);}} })//信息提示 $.messager.alert('提示標題','提示內容!'，'info'); //錯誤提示 $.messager.alert('提示標題','提示內容!'，'error'); //滑動提示 $.messager.show({title:'提示標題',msg:'顯示內容！',showType:'show'});//禁用a標簽 $('#a_name').linkbutton('disable'); //啟用a標簽 $('#a_name').linkbutton('enable'); //----------------------------------清空 ---------------------------------------------- //清空各種input框 $('#inputname').textbox('clear'); $('#inputname').combobox('select',''); //這個是選中''value值的選項var maxdata = $('maxrlt').combobox('getData'); $('#maxrlt').combobox('select',maxdata[1].codeval); //默認選中第二項//打開新窗口 function(){var iWidth = 1200;var iHeight = 700;var iTop = (window.screen.availHeight - 30 - iHeight)/2;var iLeft = (window.screen.availHeight - 30 - iHeight)/2;window.open('url請求地址','彈出窗口','window=' + iWidth +',height=' + iHeight + ',top=' + iTop + ',left=' + iLeft + ',status=yes,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,alwaysRaised=yes,depended=yes'); }//打開新窗口 function(){$('#divDialog').dialog({title : '設置角色',width : '650',height : '500',href : 'url地址',cache : false,closed : false,modal : true}); } //關閉窗口 function (){$('#divDialog').window('close'); }//確認提示 (不會像alert一樣暫停) $.messager.confirm('提示','確定嗎？',function(r){if (r){....} else {....} })//ajax方法 $.ajax({type : 'post',url : url,data : {autoid:'1',userid:'admin',pwd:'passrowd'},dataType : 'json',success : function (data){if (data.result == 'true' || data.result == true){......}} })//post方法 $.post('url',{autoid:'1',userid:'admin',pwd:'passrowd'},function(data){....} )//上傳文件ajax // SpringMvc層是這樣處理的 JSONObject jsonModel = new JSONObject(); jsonModel.put("reulst","true"); PrintWriter out = response.getWriter(); out.print(jsonModel); out.fluse(); out.close(); //js這樣 $.ajaxFileUpload({url:url,fileElementId:'file',secureuri:false,//一般設置為falsecomplete:null,dataType:'application/json',success:function(data){var json = getJSONStr(data); //自定義的轉JSON方法if(json.result == 'true' || json.result == true){.....}} })function getJSONStr(perdata){// var reg = /<pre.+?>(.+)<\/pre>g;// var result = rawStr.match(reg);// alert(RegExp.$1);var rawStr = perdata;var data = JSON.parse(rawStr);return data; }//判斷上傳的文件是什么結尾的文件 <input id="file" type="file"> var patrn = /^.*(.txt)$/; //區分大小寫 var filePath = $('#file').val(); var fileName = filePath.substring(filePath.lastIndexOf('\\')+1,filePath.length);if(filePath.length == 0){alert('文件路徑不能為空，請選擇要上傳的文件！');return false; } if( !(patrn.exec(fileName)) ){alert('文件格式不正確，請上傳txt文件!');return false; }?
總結
- 上一篇： python判断对错题_Python爬虫
- 下一篇： c语言循环的三个要素是什么意思,什么是循