常用javascript

最新推荐文章于 2025-12-04 17:39:28 发布

原创最新推荐文章于 2025-12-04 17:39:28 发布 · 648 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #date #function #input #object #string

常用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;

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月），当前月要加１。
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){}
}