常用JS总结2-学习笔记

JS控制隐藏和显示：

隐藏和显示方式一：

   $( '#ledgerSelectTD1' ).show();

  $( '#ledgerSelectTD2' ).hide();

隐藏和显示方式二：

   dt$.obj(  "#deptPanel" ).css( 'display'  , 'none'  );

  dt$.obj(  "#deptPanel" ).css( 'display'  , 'block'  );

    < table  id  = "deptPanel"   style = "display:none"  style = "width: 100%;"  class = "table1"  >

隐藏和显示方式三：

//显示

  dt$.obj( '#listDiv' ).css( 'visibility' , 'visible' );

//默认隐藏

< div  id = "listDiv"  style = "visibility: hidden;" >

隐藏和显示方式四：

$( "#selectTerminerOS" ).css(  "display" , "inline-block"  );

$( "#selectTerminerOS" ).hide();

---

url中路径问题：

<th>所属医院：</th>

<td>

<dt:comboBox id="hospitalId" readyOnly="true"

name="fyTagType.appCode" hasNull="true" selectIndex="-1"

url="${pageContext.request.contextPath}/hospital/FyHospitalAction!showHospitalNameList.action"

keyField="appCode" valueField="hospitalName" onChange="refreshSiteName">

</dt:comboBox>

</td>

注：以上标签为自定义标签，主要突出的是struts标签中下拉框等其他使用url属性时，url路径问题。

JS中url加绝对路径  路径问题

url  = " $ {pageContext.request.contextPath} /hospital/FyHospitalAction!showHospitalNameList.action  "

---

添加一行：

//添加一行

        function  add()  {

            var  tledgerbody = document.getElementById( "tledgerbody" );

              var  rowNo = tledgerbody.rows.length;

            tledgerbody.insertRow(rowNo);

            tledgerbody.rows[rowNo].insertCell(0);

            tledgerbody.rows[rowNo].cells[0].innerHTML =  "<input name='ledgerUserName' type='text'></input>" ;

            tledgerbody.rows[rowNo].insertCell(1);

            tledgerbody.rows[rowNo].cells[1].innerHTML =  "<input name='ledgerAccount' type='text'></input>" ;

            tledgerbody.rows[rowNo].insertCell(2);

            tledgerbody.rows[rowNo].cells[2].innerHTML =  "<input name='ledgerRule' type='text'></input>%" ;

            tledgerbody.rows[rowNo].insertCell(3);

            tledgerbody.rows[rowNo].cells[3].innerHTML =   "<input type='button' value='删除' οnclick='deleteRow(event)'/>" ;

        }

---

必填项的红心：

<td><span style="color: red">*</span></td>

---

textarea：

< textarea  rows = "5"  cols = "40"  id = "question"  name = "customerService.question" ></ textarea >

---

定时刷新页面的JS

  window.setInterval(  "queryMonitorInfo(\"N\")"  ,10000);

  window.setInterval(  "queryStsInfo(\"N\")"  ,50000);

但是注意刷新的页面的URL要加上随机函数：

   putInfoLoadUrl += jQuery.trim(tempStr);

  putInfoLoadUrl +=  "&t="  + Math.random();   //加上随机参数。

   //$("#deleteId").html(putInfoLoadUrl+"");

    dt$.obj( "#showPutInInfoDiv" ).load(putInfoLoadUrl);//此处是重新加载请求，可以使用ajax请求。