js 常用操作页面方法 属性

1、读取本页面的form中的元素的值

var a = document.forms[0].elements('orgShortName').value;

其中，orgShortName必须为第一个form的属性。即在XXXForm中，有明确orgShortName的声明

forms[0]是指本页面的第一个form。当然，也可以写成:

var a = document.XXXForm.elements('orgShortName').value;

这样就指定了form的名称来使用

2、将光标放在某个地方：

document.forms[0].elements('orgShortName').focus();

3、提交某个form

document.forms[0].submit();

4、将forms中的某个文本框的值清空：

document.forms[0].elements('orgShortName').value ="";

常用于替代reset按钮的功能。注意此时要使用button类型而不是reset类型

5、根据name或者是Id获得某个元素

Object obj =document.getElementByName("myName");

Object obj1 = document.getElementById("myId");

获得此元素的值

var objValue = obj.value;

6、判断单选框是否被选

假如在页面中有此段：

<c:forEach items="${list}"  var="bean">

<input type="radio"name="parOrgRadio" id="parOrgRadio"value="${bean.objID},${bean.orgShortName}" />

</c:forEach>

那么在js中，首先取得这组单选框的对象

Object radioObj =document.getElementsByName("parOrgRadio");

var radioValue = "";

var type = 0;//用于判断是否有单选框被选择

for(int i=0;i<radioObj.length;i++)

{

if(radioObj[i].checked)

{

radioValue = radioObj[i].value;

type = 1;//有单选框被选中

}

}

下面进行对radioValue的拆分

var values = radioValue.split(",");

if(type == 0)

{

values[0] = "";

values[1] = "";

}

window.opener.document.forms[0].elements('model.orgName').value= values[0];

window.parent.document.forms[0].elements('model.pobjId').value= values[1];

上面是window.open()的写法

下面是window.showModelDialog()的写法

window.dialogArguments.document.forms[0].elements('model.orgName').value=values[0];

7、页面打开的时候执行的信息

window.onload = function()

{……}

在页面加载完成后，将会执行……

8、在Action中:

request.setAttribute("flag","aaaa");

那么在页面的Js中
'${flag}' 的值就为 aaaa

9、通过JS指定href的uri地址

function download()

{

window.location.href="<%=APP_ROOT_PATH%>/Application/AuthorirtyManage/OrganizationManage/orgImport.xls"    

}

在页面就就可以使用：

<a href="javascript:download()">下载</a>

来调用
10、禁用某个按钮

<input id="importExcel"type="button">

在JS中禁用它：

document.getElementById('importExcel').disabled = true;

11、打开新页面；
a>使用window.open()

window.open(url,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no, status=no');

b>使用window.showModelDialog()

function openModelDialog(url)

{

window.showModalDialog(url,self,'dialogHeight=400px;dialogWidth=800px;center=yes;resizable=yes;scroll=yes;status=no;');

}

 

 

<a href="javascript:openModelDialog(url)">something</a>