常用js

1.返回上一次访问的地址：
<input type="button" class="button2" value="返回列表"      onclick="JScript:history.back(-1);">

2.根据id获取文档对象
var left=document.getElementById("xiaoguo");
 //year = document.all['__year'].value; 
//t=DateUtil.getYearTimeRange(parseInt(year)); //类型转换
//window.location=rootPath+'/DisciplineAdd.do'; //页面转向
//document.form2.reset(); //重置表单
//document.form2.submit();//提交表单

3.innerHTML
left.innerHTML="<a href='http://hao123.com' target='_blank'>"+
        "<img id='image1' width='300' height='150'src='http://hao123.com"+
 "  alt='http://hao123.com'></a>";  (在该标记下写入,会生成一个超链接+图片)

4.给form表单的flagPicture赋值
document.forms[0].flagPicture.value="aaaa";

5.获取表单对象，并对表单项赋值
function addNewZinXin()
{
 var f = document.forms[0];
 f.id.value="";
 f.title.value="";
 f.comefrom.value="";
 webeditor1.setHTML("");
}

6.调用iframe框架的js函数
<iframe ID="webeditor1" src="<%=rootPath%>/etc/plugin/editor/eWebEditor.jsp?id=content&style=standard" frameborder="0" scrolling="no" width="100%" height="440">
</iframe>

function addNewZinXin()
{
 var f = document.forms[0];
 f.id.value="";
 f.title.value="";
 f.comefrom.value="";
 webeditor1.setHTML(""); //调用iframe里的函数
}

7.路径转向
function gotoZuiXinAdd()
{
 window.location = top.Frame.rootPath + "/admin/info/ZuiXinAdd.jsp";
}

8.正则表达式验证
 if((/\w+.swf$/).test(f))
   {
      alert("swf");
   }
   else{
       alert("wrong");
  }

9.action中调用父窗体的reload()函数，实现刷新的效果
out(
    "text/html;charset=gbk",
    "<script  type=\"text/javascript\">alert('"+mes+"');parent.window.location.reload();</script>");
  return null;

 

10.左右两边图片广告效果
<div id="left_mar">
        <marquee direction="down" height="1149" scrollAmount="4" behavior=alternate  align=middle border=1 
            onmouseover="stop();document.getElementById('left').style.display=''" onmouseout="start  ();document.getElementById('left').style.display='none'">
        <a href="<%=rightAd.getUrl() %>"><img src="<%=path %>/<%=leftAd.getResource() %>" width="100%" height="300"    border="0" alt="<%=rightAd.getUrl() %>"/></a>
        <div align="center" style="display:none" id="left"><a href="#" onclick="document.getElementById   ('left_mar').style.display='none'" class="neirong">关闭</a></div>
        </marquee>
  </div>

11.打开模式对话框
1.父窗体提交的代码
/**
 * 模板预览操作
 */
function templeteView()
{
 var f = document.forms[0];
 //f.action = "templateView.jsp"

// f.submit();
   var content = f.content.value;
   if(content.length == 0)
   {
    alert("模板内容不能为空！");
 return;
   }
   var obj = new Object();
   obj.content = content;
   window.showModalDialog("templateView.jsp",obj,"dialogWidth=800px;dialogHeight=500px;center=yes;resizable=yes;statu=yes");
 
}

2.在子窗体中接受传递的参数
 <script type="text/javascript">
 <!--
   var obj = window.dialogArguments
 //alert("您传递的参数为：" + obj.content)
   document.write(obj.content);
 //-->
 </script>

 

13.让某个对象实现点击事件
      document.all['container'].fireEvent("onclick");

14.获取事件对象
       var o = event.srcElement;
       alert(o.value);

15.JS获取当前时间2007年08月15日 星期三 19:58JS获取当前时间
<SCRIPT LANGUAGE="JavaScript">
   <!--
var now= new Date();
var year=now.getYear();
var month=now.getMonth()+1;
var day=now.getDate();
var hour=now.getHours();
var minute=now.getMinutes();
var second=now.getSeconds();
    alert(year+"-"+month+"-"+day+" "+hour+":"+":"+minute+":"+second);
   -->
   </SCRIPT>

16.简单Swato
<script type="text/javascript">
    
      function onloadEx(){
         var swatoEngine = new Swato.Engine("[$prix]/RPCServlet");
         var listener = new Swato.Custom(onReady, onError);
         swatoEngine.call(listener,"worklogServices","searchCodeTable",["rzzdsglb"]);
      }
     
      function onReady(r){
       try{
         var op = document.forms[0].type.options;
         for(var i=0;i<r.length;i++){
           var o = r[i];
           op[op.length]=new Option(o.name,o.code);
         }
         }catch(e){
           alert(e.description);
         }
      }
     
      function onError(r){
        alert(r);
      }
     
      window.attachEvent('onload',onloadEx);
   </script> 

17.简单select循环：传入一个数组r
 
function onReady(r){
       try{
         var op = document.forms[0].type.options;
         for(var i=0;i<r.length;i++){
           var o = r[i];
           op[op.length]=new Option(o.name,o.code);
         }
         }catch(e){
           alert(e.description);
         }
      }

18.获取单选框的值
//获取表格选择项的id
function getId()
{
    var o=document.getElementsByName("id");
    var len=o.length; 
    for (var i=0;i<len ;i++ )
    { if( o[i].checked==true )
     {
      //alert(o[i].value);
   return o[i].value;
     }
    }
 return "0";
}

//传入单选框对象
function getRadioValue(obj) {
    if (typeof (obj.length) != "number") {
        return obj.checked ? obj.value : "";
    }
    for (i = 0; i < obj.length; i++) {
        if (obj[i].checked) {
            return obj[i].value;
        }
    }
    return "";
}

19.添加下拉列表操作
  //填充数据
         var obj = document.all['grid_title_ex_1'];
         obj.style.width="560px";
         var d = new Date();  //获取当前时间
         year  = document.all["__year"];
         for(var i=d.getYear()-4;i<d.getYear()+5;i++){
   year.options[year.options.length]=new Option(i,i);
            if(i===d.getYear())year.options[year.options.length-1].selected=true;
         }
         month= document.all["__month"];
         month.options[month.options.length]=new Option("所有月份","");
         for(var i=1;i<13;i++){
         month.options[month.options.length]=new Option(i,i);
            if(i===d.getMonth()+1)month.options[month.options.length-1].selected=true;
         }

20.获取表格行索引，传入的obj可以为任何对象，只要在表格内就可以,不断的寻找他的上级节点,就可以找到tr了
function change(obj){
  var tr = obj.parentElement.parentElement.parentElement; 
  __selectIndex=tr.rowIndex;
 
}

21.判断时间是否超过当前时间
function query()
{
 var f = document.forms[0];
 var year=f.year.value;
 var month = f.month.value;
 var now= new Date();
 var y=now.getYear();
 var m=now.getMonth()+1;
 
 if(year>y)
 {
  alert("所选时间超过了当前时间");
  return;
 }
 else if(year<=y && month>m)
 {
     alert("所选时间超过了当前时间");
  return; 
 }else
 {
  f.submit();
 }
}

22.对数据的处理，生成表格
/**
 * 绘制日志分类
 */
function paintLogDepart(r) {
 var total = 0;
 var tB = $("logKinds").tBodies[0];
 var len = tB.rows.length;
 for (var i = 1;i < len; i++)
  tB.removeChild(tB.rows[1]);

 for (var i = 0;i < r.length; i++) {
  var tr = $$("tr");
  var td = $$("td");
  td.height = 20;
  td.align = "left";
  td.className = "t3";
  td.innerHTML = '<img src="' + path
    + '/iplatform/images/worklog/worklog-1.gif"> ' + r[i][1] + '('
    + r[i][2] + ')';
  td.code = r[i][0];
  td.id = r[i][0];
  td.logcount = r[i][2];
  total += r[i][2];
  td.onclick = function() {
   doSearch(this.code);
  }
  tr.appendChild(td);
  tB.appendChild(tr);
 }

 // 加空行
 var tr = $$("tr");
 var td = $$("td");
 td.innerText = " ";
 tr.appendChild(td);
 tB.appendChild(tr)

 $("totalLogCount").innerText = "" + total;
 var listener = new Swato.Custom(paintSearchResult, null);
 swatoEngine.call(listener, "worklogServices", "searchWorkLogAll", [bc,
   start, end, "1"]);

}

23.对数据添加图片或链接操作
/**
 * 绘制查询结果
 */
function paintSearchResult(r) {

 d = r[0]
 for (var i = 0;i < d.length; i++) {
  d[i].view = '<div align="center" class="t1"><img src="'
    + path
    + '/iplatform/images/worklog/geren_28.gif" width="38" height="15"  onclick="getAll('
    + d[i].id + ',' + d[i].businessId + ',' + d[i].businessCode
    + ');"></img></div>';
  d[i].subjectback = d[i].subject;
  d[i].subject = '<a href="javascript:;"  onclick="getAll(' + d[i].id
    + ',' + d[i].businessId + ',' + d[i].businessCode
    + ');" style="color:#15428B">' + d[i].subject + "</a>";

 }
 o.reloadData(d);
 o.paintSplitPageTools(r[1]);
 if (d.length == 0 && bc === '') {
  //alert("没有数据！");
 }
}

24.分割字符串,如何js 分割字符串
<script language="javascript">
<!--
var myVariable = "a,b,c,d";
var stringArray = myVariable.split(",");
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
// -->
</script>

25.超链接（all[1]是一个字符串,需要对分号进行转义）
td2.innerHTML = "<a class='T1' href='javascript:gotoTaskView(\""+all[1]+"\")'  title='"+all[3]+"'>" +title+ "</a>";

26.打开模式对话框，操作完后返回数据给父窗体
  (1).父窗体中的js
function selectType() {
 var ret = window
   .showModalDialog(top.Frame.rootPath + '/info/userTree_Type.action',
     '','dialogHeight:400px; dialogWidth: 440px;scrollbar:no;resizable: No; status: no;help:no');
 if (ret != null) {
  var f = document.forms[0];
  f.typeId.value = ret.id;
  f.typeName.value = ret.text;
 }
}

   (2).子窗体内的js
    function onSubmit(){
        if(selectItem==null){
          alert("请选择一个分类");
          return false;
        }else if(!leaf){
          alert("不允许选择目录");
          return false;
        }
        window.returnValue=selectItem;
        window.close();
     }
    
     function onCancle(){
        window.returnValue=null;
        window.close();
     }

27.简单验证.
 function checkForm(){
         var f =document.forms[0];
        if(f.subject.value.length==0){
            alert('请填写主题.');
            f.subject.focus();
            return false;
         }else if(f.name.value==""){
            alert('请填写发布人.');
            f.name.focus();
            return false;
        }else if(f.time.value.length<9){
            alert('请选择发布日期');
            f.time.focus();
            return false;
        }else if(f.viewOrder.value.length==0){
            alert('请填写显示顺序.');
            f.viewOrder.focus();
            return false;
        }else if(!f.viewOrder.value.match(/^\d*(\.)?\d+$/))
  {
      alert("显示顺序只能是数字！");
   f.viewOrder.focus();
            return false;
         }else if(f.type.value.length==0)
         {
          alert("请选择分类！");
  f.type.focus();
            return false;
         }

       return true;
      }

28.open函数的使用-- 打开成全屏
function openbigwin(url){ //window.screen.height

var   width   =   screen.availWidth;  
var   height   =   screen.availHeight;
window.open(url,"弹出窗口","height="+height+",top=0,left=0,width="+width+",status=no,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes");
}

29.打开一个新的窗口：
function openWin(){
window.open (rootPath+path, "查看附件","height=100, width=400,toolbar =no,menubar=no,scrollbars=no, resizable=no, location=no, status=no");
}

30.关于超链接
   href URL 为页面的所有连接指定基础URL
   target _blank 所有连接在新窗口打开
          _parent 所有连接在自身窗口或是框架中打开
          _self 所有连接在父级框架集中打开
          _top 所有连接在窗口的主体中打开
   列子:
   <base target="_blank">

31.数组删除并重新组合
aa.slice(0,index-1).concat(aa.slice(index)); // index为索引，删除的元素的位置

32.Javascript 返回上一页:
 1. history.go(-1), 返回两个页面: history.go(-2);
 2. history.back().
 3. window.history.forward()返回下一页
 4. window.history.go(返回第几页,也可以使用访问过的URL) 

33.js时间比较
  function compareDate(start,end)
   {
    var arr=start.split("-");
    var starttime=new Date(arr[0],arr[1],arr[2]);
    var starttimes=starttime.getTime();
    
    var arrs=end.split("-");
    var lktime=new Date(arrs[0],arrs[1],arrs[2]);
    var lktimes=lktime.getTime();
    
    if(starttimes>=lktimes)
    {
    
      //alert('开始时间大于离开时间，请检查');
      return false;
    }
    else
    return true;
   
  }

34.获取当前时间
      <SCRIPT LANGUAGE="JavaScript">
     <!--
  var now= new Date();
  var year=now.getYear();
  var month=now.getMonth()+1;
  var day=now.getDate();
  var hour=now.getHours();
  var minute=now.getMinutes();
  var second=now.getSeconds();
   alert(year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second);
   -->
   </SCRIPT>

35.创建处理div
function createDiv()
{
 alert();
 if(_div==null)
 {
    _div = document.createElement("div"); 
 }
 
            _div.id = "loading_img";
            _div.style.cssText = "position:absolute;visibility:hidden; border: 1px solid #CCCCCC; width:280px;height:50px; font-size:12px; z-index:1000000;";
            //_div.innerText = "系统正在处理数据,请稍候........";
            _div.innerHTML = "<table border='0' align='center' style=\"color: #000000; background:#f4f4f4; height: 50px;width: 280px;text-align: center;\">" +
                             "  <tr>" +
                             "    <td>" +
                             "      <table border='0'>" +
                             "        <tr>" +
                             "          <td><img src='"+rootPath+"/frameres/frame/tpAjax/default/images/infodown.gif' width='34' height='26'></td>" +
                             "          <td style=\"font-size:12px;\">正在处理，请稍候...</td>" +
                             "        </tr>" +
                             "      </table></td>" +
                             "  </tr>" +
                             "</table>";
            document.body.insertAdjacentElement("beforeEnd", _div);
    var wait = document.all.loading_img;
            //计算等待图层的显示位置
            var w = document.body.clientWidth;
            var h = document.body.clientHeight;
            var sT = document.body.scrollTop;
            var sL = document.body.scrollLeft;
            wait.style.top = ((h - 70) / 2 + sT);
            wait.style.left = ((w - 320) / 2 + sL);
            wait.style.visibility = "visible";
}

36.js调试
在body中加入该div:

<div id="fvlogger"></div>

然后在onload事件中添加如下js代码
createLoggerDiv("fvlogger");

37.iframe 提交
1.response.sendRedirect("target.jsp");
2.out.print(" <script language=javascript>alert('恭喜你,操作成功!~');");
  out.print("top.window.location.href='target.jsp'; </script>"); //操作成功,跳转到指定的页面。
 想在mainFrame里显示指定的页面。
Java code：
out.print("<script language=javascript>window.parent.mainFrame.location.href='target.jsp';window.parent.leftFrame.location.reload();</script>"); //做框架的刷新可以不加。

本篇文章来自<A href='http://www.soidc.net'>IDC专家网</a> 原文链接：http://www.soidc.net/discuss/1/090101/11/622386_1.html

38.在外层页面中如何获得iframe的src包含页面中的控件对象
第一 :  iframename.document.all.控件名！？
第二 : parent.framename.document.formname.对象名
第三 : document.frames["iframename"].document.all.objectid.value

39.关闭窗口不提示关闭对话框
1、<a href="#"onClick="window.opener='anyone';window.close();">关闭窗口</a>
2、<button onClick="window.opener='anyone';window.close();">Close Window</button>
3、<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body>
<input type="button" value="点击我关闭窗口" onclick="closes.Click();">
</body>

40.打开一个对话框，不提示关闭对话框
function login(){
    workspace = window.open("index.html", "","fullscreen=0,menubar=0,toolbar=0,directories=0,location=0,status=1,scrollbars=0");
 workspace.moveTo(0,0);
 workspace.resizeTo(screen.availWidth,screen.availHeight);
 workspace.focus();
 workspace.opener='popo';//不要跳出提示框
 window.opener='anyone'; //为null 也可以的 不提示关闭对话框
 window.close();
}

41.字符串转换成js对象
  <script language="javascript">
   function changeArray()
   {
      var a = "[{a:'123',b:'2323',c:'23232',d:'asdasdasd'},{a:'123',b:'2323',c:'23232',d:'asdasdasd'}]";
   alert("a="+a+"  a的长度是="+a.length);
   //转换成数组
   var array=eval(a);
   alert("array="+array+"   array的长度是="+array.length);
   }
  </script>

42.模式对话框清除缓存的方法
window.showModalDialog(rootPath+"/planSummarizeUI.do?action=viewPlanSum&id="+id+"&rnd="+Math.random(),
     '','dialogHeight:650px; dialogWidth: 800px;scrollbar:no;resizable:yes; status: no;help:no');

在其后添加随机数+"&rnd="+Math.random()