js实用小东东

//  弹出新窗体属性设置 

function functionalAllocation(objId){
 var url="userprograms.do?op=toAddUserPrograms&person_id="+objId+"&programs_id=${p1}&parent_id=${p2}";
 var name="addUP";
 var oWidth=260;
 var oHeight=500;
 var iTop = (window.screen.availHeight-30-oHeight)/2;       //获得窗口的垂直位置;
 var iLeft = (window.screen.availWidth-10-oWidth)/2; 
 window.open(url,name,'height='+oHeight+',width='+oWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=yes,resizeable=no,location=no,status=no');

 

//       窗体传值：

winA。jsp 代码如下

<input type=text name="a" id="a">
<input type=button value="打开" οnclick="go()">
<script>
  function go()
  {
   var selfValue = document.getElementById("a").value;
   //url,父容器(_blank,_selft)，新窗体参数
   window.open("winB.jsp","_blank","width=500px,height=400px");
  }
</script>

 

  winB。jsp代码如下

<input type=text name="b" id="b">
<input type=button value="传回去" οnclick="go()">

<script>
  onload  = function()
  {
    var a = window.opener.document.getElementById("a");
    document.getElementById("b").value = a.value;
  }
  function go()
  {
     var selfValue = document.getElementById("b").value;
      var a = window.opener.document.getElementById("a");
      a.value = selfValue;
  }
</script>

 

//        5秒自动页面跳转

<div id="msg">5秒后转到baidu.com</div>

<script>
  var time = 5;
  function go()
  {
     time--;
  document.getElementById("msg").innerHTML = time+"秒后转到baidu.com";
  if (time<1)
  {
    //location.replace("http://www.baidu.com");
    location = "http://www.baidu.com";
  }
  }
  setInterval("go()",1000);
</script>

 

 

 

 

//  全选和反选实现如下：

<form name="f">
   <input type=checkbox name="chk">复选框0
   <input type=checkbox name="chk">复选框一
   <input type=checkbox name="chk">复选框二
   <input type=checkbox name="chk">复选框三
   <input type=checkbox name="chk">复选框四
   <hr>
  
   <input type=button value="全选" οnclick="selectAll()" >
   <input type=button value="反选" οnclick="unSelect()" >

</form>

<script>
   //全选
  function selectAll()
  {
   
       //得到复选框对象
       var obj = document.f.chk;
       //循环
       for (var i=0;i<obj.length;i++)
       {
         obj[i].checked=true;
       }

  }
  //反选
  function unSelect()
  {
    //得到复选框对象
    var obj = document.f.chk;
    //循环判断
    for (var i=0 ; i<obj.length;i++)
    {
       if (obj[i].checked)
          obj[i].checked=false;
       else
          obj[i].checked=true;
    }

  }
</script>

 

//   列表框传值：

<script src="jquery-1.2.6.pack.js">
</script>

<select multiple id="left">
  <option value="九阴真经">九阴真经</option>
  <option value="九阴真经">九阳神功</option>
  <option value="九阴真经">一阳指</option>
  <option value="九阴真经">玉女心经</option>
</select>

<input type=button value=">" οnclick="left_right()">
<input type=button value="<" οnclick="right_left()">

<select id="right" multiple style="width:90px;" />
</select>

<script>

function left_right()
{
  $("#left>option:selected").remove().appendTo($("#right"));
 
}
function right_left()
{
  $("#right>option:selected").remove().appendTo($("#left"));
 
}

</script>

 

//  弹出层

<input type= button value="弹出层" οnclick="showDiv()">

<script>
   function showDiv()
   {
      var bgDiv = document.createElement("div");
   bgDiv.id="bgDiv";
   with (bgDiv.style)
   {
             left = 0;
     top  = 0;
     width = Math.max(document.body.scrollWidth,document.body.clientWidth);
     height =Math.max(document.body.scrollHeight,document.body.clientHeight);
     position = "absolute";
             backgroundColor = "gray";
     //滤镜:ie
     filter="alpha(opacity=50)";
     //同上:firefox
     opacity=0.5;
 
   }
   document.body.appendChild(bgDiv);
  
   }
</script>