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>