????????有段時(shí)間沒(méi)有更新文章了，因?yàn)槭怯玫墓倦娔X，沒(méi)有虛擬機(jī)，所以就沒(méi)法演示hadoop相關(guān)的東西了，而且大數(shù)據(jù)篇的東西需要花費(fèi)一些時(shí)間和精力去收集整理內(nèi)容，那大數(shù)據(jù)篇就先暫停一下。最近這段時(shí)間的話我可能會(huì)更新一些開發(fā)記錄的東西，就相當(dāng)于我自己工作或?qū)W習(xí)中的筆記吧，比如有面試相關(guān)的知識(shí)點(diǎn)、前端相關(guān)的、后端框架相關(guān)的以及數(shù)據(jù)庫(kù)知識(shí)點(diǎn)等等。

? ? ? ??本篇的話就先從前端的內(nèi)容開始吧，你們可能沒(méi)注意到，前邊我分享的所有內(nèi)容都是后端的內(nèi)容，沒(méi)有任何前端的東西，說(shuō)實(shí)話前端的知識(shí)也是我的一個(gè)弱項(xiàng)，所以我經(jīng)常會(huì)整理一些我搞不太懂的一些前端知識(shí)，可能有一些比較傻的比較簡(jiǎn)單的也整理了，大家不感興趣的話可以直接劃走了，哈哈。

1、這個(gè)是通過(guò)iframe嵌套自己的一套菜單，菜單的相關(guān)項(xiàng)是對(duì)應(yīng)的后臺(tái)代碼到其他系統(tǒng)動(dòng)態(tài)獲取的菜單項(xiàng)數(shù)據(jù)，然后返回到頁(yè)面上。

//改為調(diào)用自己拼接的菜單獲取方法<iframe id="caidan" width="100%" frameborder="0" scrolling=yes style="overflow-x:hidden;scrollbar-arrow-color:rgb(230,51,10);background-color:#e7340c;"src="${ctx}/saaUser/showMenu.do?systemCode=csm&userCode=${userInfo.userCode}" id="left" name="left" height="554">iframe>

2、將form表單中的項(xiàng)置為不可變后(disabled)提交form表單時(shí)，該項(xiàng)不會(huì)傳至后臺(tái)，所以在提交form表單之前，可以先將disabled屬性移除，再提交form表單。然后提交完后可以再添加disabled屬性。

//移除屬性document.getElementById("secondComCode_1").removeAttribute("disabled");//?或者使用jquery將所有設(shè)置的disabled屬性全部清空$(":disabled").removeAttr("disabled");//添加disabled屬性var qjflag = get("qjflag");qjflag[0].selected='selected';qjflag.disabled='disabled';

3、jsp頁(yè)面上獲取后臺(tái)數(shù)據(jù)：

var insurerCode = '';var?comLevel?=?'${session.companyInfoVo.company1.comLevel}';

4、多選框的全選和反選

//全選 function checkAll() { var objCheck = document.getElementsByName("transactCom"); for (var i = 0; i < objCheck.length; i++) { objCheck[i].checked = true; } } //反選 function checkReverse() { var objCheck = document.getElementsByName("transactCom"); for (var i = 0; i < objCheck.length; i++) { objCheck[i].checked = !objCheck[i].checked; }}

5、獲取單選框的選中值

//獲取單選框的選中值?var?val=$('input:radio[name="queryDate"]:checked').val();

6、下拉框取值問(wèn)題

// 取被選中的值方法1var policyState = document.getElementById("policyState").value;//?取被選中的值方法2//先獲取當(dāng)前選擇項(xiàng)的索引.再獲取當(dāng)前選擇項(xiàng)的值var index=document.getElementById("AreaId").selectedIndex;document.getElementById("AreaId").options[index].value;//?取被選中的值方法3//循環(huán)遍歷判斷哪個(gè)被選中了?然后獲取選中的值var?obj=document.getElementById("AreaId");???for(i=0;i//下拉框的長(zhǎng)度就是它的選項(xiàng)數(shù).??????if(obj[i].selected==true)?{??????????var?text=obj[i].value;//獲取當(dāng)前選擇項(xiàng)的值.　　　　}　 }//?取被選中的值方法4　??$("#projecttype").find("option:selected").val();//?取被選中的值方法5$("#projecttype?option:selected").val();　??//　取value為0的選項(xiàng)的文本值??$('#projecttype?option[value?=?"0"]').text()；??//獲取被選中的選項(xiàng)的屬性emoney的值var iteValue = $("#ddl").find("option:selected").attr("emoney");

7、判斷多選框是否被選中

function isCheckBoxNull(field){ var flag = false; for(var i=0;i if(field[i].checked){ flag = true; break; } } return flag;?}

8、js創(chuàng)建數(shù)組的三種方法

//創(chuàng)建數(shù)組的第一種方法int[] arr=new int[6];//創(chuàng)建數(shù)組的第二種方法int[] x={1,2,3,4};//創(chuàng)建數(shù)組的第三種方法。int[] y= new int[]{1,2,3,4,5};

9、動(dòng)態(tài)添加下拉框的選項(xiàng)

document.getElementById("businessType").options.add(new Option("綜合拓展","02"));

10、ajax調(diào)用后臺(tái)

$.ajax({ //請(qǐng)求方式 ????type:?"post",? ????// 請(qǐng)求地址 ????url:?"${ctx}/automation/querySubordinate.do",?????//?請(qǐng)求參數(shù)????data:?{"comCode":?comCode,"compCode":compCode,"comLevel":comLevel},??? // 返回的數(shù)據(jù)格式??? dataType : "json",??? // false同步請(qǐng)求、true異步請(qǐng)求????async?:?false,??? //成功回調(diào)方法 ??? success:?function?(data)?{????//前臺(tái)頁(yè)面使用的yahoo的框架 很老的 var result = YAHOO.lang.JSON.parse(data); for (var i = 0; i < result.data.length; i++) { comCodeSelect.append("" + result.data[i].comCname.replace("*","") + ""); } },?????//失敗回調(diào)方法 error: function () { alert("加載失敗"); }});

11、js定時(shí)器操作

//注冊(cè)定時(shí)器 timeid = window.setInterval(scanDownload, 5000);// 清除定時(shí)器window.clearInterval(timeid); // 注冊(cè)帶有參數(shù)的定時(shí)器timeid = window.setInterval(_scanDownload(flagNum), 5000);/***由于定時(shí)器只能執(zhí)行不帶參數(shù)的方法，所以使用另一函數(shù)包裝一次目標(biāo)函數(shù)，可實(shí)現(xiàn)定時(shí)執(zhí)行帶參數(shù)的函數(shù)*/function _scanDownload (flagNum){ return function(){ scanDownload(flagNum); }}

12、動(dòng)態(tài)加載后臺(tái)獲取的下拉框內(nèi)容渲染到頁(yè)面上

"display: none" id="company1"> <c:forEach items="${proCompany1}" var="company"> <option value="${company.id.comCode}">${fn:replace(company.comCname,"自治區(qū)","")}option> c:forEach>div>//獲取下拉框var secondComCode = $("#secondComCode_1");//清空下拉框中的內(nèi)容secondComCode.empty();//獲取div中的內(nèi)容var s = $("#company1").html();//將div中的內(nèi)容添加到下拉框中secondComCode.append(s);

13、注冊(cè)與取消onchange事件

//注冊(cè)onchange事件secondComCode.change(function() { queryComCodeNew(this,compname);});//取消onchange事件secondComCode.unbind("change");

14、文字格式與反格式化

/***??將任務(wù)說(shuō)明中的空格、回車等特殊字符進(jìn)行轉(zhuǎn)換入庫(kù)，以便在頁(yè)面展示時(shí)格式化*/ function changeTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; //將頁(yè)面輸入內(nèi)容轉(zhuǎn)換格式 var des = taskStatement.replace(/\r\n/g, '
').replace(/\n/g, '
').replace(/\s/g, '&nbsp'); ???????$("#taskStatementHide").val(des); }/*** 加載頁(yè)面時(shí)，進(jìn)行文字內(nèi)容反轉(zhuǎn)換*/ function univerTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; var re1 = /(
|
|
|
)/g; var re2 = /(\&nbsp)/g; //將數(shù)據(jù)庫(kù)加載內(nèi)容內(nèi)容轉(zhuǎn)換格式 var des = taskStatement.replace(re1,"\n").replace(re2,"\s"); //將轉(zhuǎn)換后的內(nèi)容賦給多行文本框???????document.getElementById("taskStatement").value?=?des; }

15、設(shè)置刷新自動(dòng)加載事件間隔時(shí)間

// 設(shè)置刷新自動(dòng)加載的事件間隔為 5 秒?response.setIntHeader("Refresh",?5);

????????ok，今天就暫時(shí)整理這些吧，后續(xù)還會(huì)繼續(xù)更新整理相關(guān)的內(nèi)容...

總結(jié)

以上是生活随笔為你收集整理的前端radio单选框默认选中_开发记录篇前端内容1的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。