常用javascript
我将我在项目中常用的js总结出来
1.使文本框输入长度不超过摸个长度
<input type = 'text' maxlength="50"/>
maxlength="50"使它只能输入50个字符
2.判断下拉框是否有选择
下拉框.selectedIndex == 0
3.取下拉框选中值
addcontent.selectBciqName.options[j].value;
4.退回上一页
javascript:history.go(-1);
5.截取字符串
var fldid = fldid.substr(0,fldid.length - 1);第一个参数重第几个字符串开始,第二个参数截取几多个字符
6.动态生成按钮
var obj =parent.f4.document.all.item('buttondiv');
var str = "";
var addbutton = '<input type="button" class="button" onClick="jkdsh(1);" value=" 增加 "> ';
str +=addbutton;
obj.innerHTML = str;
<div id="buttondiv"><!--此div内放置button-->
</div>
7.一个文本输入另外一个跟着变
<FORM name="src">
<input type="text" name="BadList_NO1" maxlength="9" size=10 onKeyUp="putC(this)"><input type="text" name="BadList_NO2" maxlength="9" size=10>
</form>
--方法
function putC(obj){
src.BadList_NO2.value = obj.value;
}
8.对父窗体操作
parent:
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
parent.window.close();//退出
附:Windwo对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系
Windwo对象→Parent对象→Frame对象→Document对象→Form对象,如下:
parent.frame1.document.forms[0].elements[0].value;
9.遍历列表多选
var list = parent.body.boxForm;//列表
var e;
var fldid = "";
for(var i=0;i<list.elements.length;i++){
e = list.elements[i];
if (e.name == "check"){
if (e.checked){
fldid = fldid + "'" + e.value + "'";
fldid = fldid + ",";
}
}
}
10.表单提交后在那个目标显示方式(适合于复合页面)
target值为 __blank新窗口 __parent 父级窗口 ___self 当前窗口 ___top 顶级窗口
11.列表的全选框逻辑。
function CheckAll(){
for (var i=0;i<document.列表表单名称.elements.length;i++){
var e = document.list.elements[i];
if (e.name == 'check1'){//'check1'是列表复选框名称(全部都同一个名字)
e.checked = document.表头表单名称.表头复选框名.checked;
}
}
}
12.下拉框显示符合条件的项
function init(var tradeMode){//显示贸易方式
var size = 下拉框名称.length;
for(i=0;i<size;i++){
if(下拉框名称.options[i].text ==tradeMode){
下拉框名称.selectedIndex = i;
}
}
}
13.弹出对话框选择.选择yes or no
if(confirm("提示信息")){
dosomething;
}
else{
dosomething;
}
14.调试
ie 调戏关键字debugger;
15.js获得当前日期
var sysTime=new Date();
16.js 取整函数
int = Math.floor(n);
int = Math.ceil(n);
17.js弹除输入框
var vCount=prompt("请输入分单次数","1");
18.js改变页面的location
parent.f2.location = "<%=fullPath%><%=utb.getRequestServletUrl()%>?"
+"<%=utb.getRequiredHtmlParamsNPID("", "impAgreeOp")%>"
+"&BadList_NO1="+src.BadList_NO3.value
+"&BadList_NO2="+src.BadList_NO4.value
+"&USED_DATE1="+src.USED_DATE1.value
+"&USED_DATE2="+src.USED_DATE2.value
+"&RECEIVE_STATUS="+src.RECEIVE_STATUS.value
+"&opFlag=15";
19.文本框空格键触发
<input type="text" onKeyDown="if(event.keyCode==13)event.keyCode=9" onKeyUp="方法名()">
onKeyUp是输入后触发
20.获取下拉选择框的元描总数
表单.下拉列表控件名.length;
21.下拉框显示第几项
表单.下拉列表控件名.selectedIndex = 1;
22.
js获得日期时间
var d = new Date();
var year = d.getYear();
var month = d.getMonth()+1;
var date = d.getDate();
var day = d.getDay();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();
var ms = d.getMilliseconds();
alert(year+" "+month+" "+day+" "+ hour+" "+minutes+" "+seconds+" "+ms);
注:
year:完整的年份,比如,1976(而不是 76)。
month :表示的月份,是从 0 到 11 之间的整数(1月至12月),当前月要加1。
date:表示日期,是从 1 到 31 之间的整数。
day :表格星期,从0 到 6之间的整数。
hours:表示小时,是从 0 到 23 的整数(午夜到 11pm)。
minutes:表示分钟,是从 0 到 59 的整数。
seconds:表示秒钟,是从 0 到 59 的整数。
ms:表示毫秒,是从 0 到 999 的整数。
23设置控件是否可用
控件的名称.disabled = true;//表示不可以用
控件的名称.disabled = false;//表示可以用
24改变文本框的背景色
恐件名的.style.backgroundColor = "颜色";
formcontent.TOTAL_PRICE.style.backgroundColor = "#CCCCCC";
25 四写五入
Math.round((值) * 100)/100;--剩以10n次方表示保留多少位小数
26 判断单选按钮选中的值
var rPort = document.getElementsByName("IsFree");
var choseValue;
for(var i=0;i<rPort.length;i++){
if(rPort[i].checked){
choseValue = rPort[i].value;
}
}
27 .刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
28 窗体返回值
window.returnValue = "值";
29 js类型转换
var str = '100';
var num = Number(100);
alert(typeof(num) + ': ' + num);
var obj = Object(str);
alert(typeof(obj) + ': ' + obj);
var bool = Boolean(str);
alert(typeof(bool) + ': ' + bool);
var num = 100;
var str = String(num);
alert(typeof(str) + ': ' + str);
var bool = Boolean(num);
alert(typeof(bool) + ': ' + bool);
var obj = Object(num);
alert(typeof(obj) + ': ' + obj);
var bool = true;
var str = String(bool);
alert(typeof(str) + ': ' + str);
var num = Number(bool);
alert(typeof(num) + ': ' + num);
var obj = Object(bool);
alert(typeof(obj) + ': ' + obj);
var obj = {};
var str = String(obj);
alert(typeof(str) + ': ' + str);
var num = Number(obj);
alert(typeof(num) + ': ' + num);
var bool = Boolean(obj);
alert(typeof(bool) + ': ' + bool);
30去掉页面缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
31。一个列表内容去到另外一个列表
function moveOption(e1, e2){
try{
var e = e1.options[e1.selectedIndex];
e2.options.add(new Option(e.text, e.value));
e1.options.remove(e1.selectedIndex);
} catch(e){}
}
function moveAll(e1, e2){
var e;
try{
for(var i=0;i<e1.options.length;i++)
{
e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
}
for(var i=e1.options.length;i>=0;i--)
{
e1.options.remove(i);
}
}
catch(e){}
}
32。分割字符串
var arr = source.split(";");
for(var i=0;i<arr.length;i++){
//dosonething
}