常用js (common.js)

本文介绍了多种用于处理网页对话框及窗口的操作方法,包括无提示关闭窗口、自动点击链接、复选框全选功能、获取指定类型的控件值、打开定制的模式与无模式对话框等。这些实用的JavaScript函数帮助开发者更好地管理和优化用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function __close(){//无提示关闭窗口
 window.opener=null;
 window.open('','_self');
 window.close(); 
}

 

 

function autoClick(url){//自动点击链接,模式窗口跳转的链接,跳转时触发点击此链接
 var A  = document.createElement('A');
 A.href = url;
 document.body.appendChild(A);
 A.click();
}

 

 


//复选框的全选与全不选 开始
function checkAll(e, itemName)//全选的复选框触发本函数
{
  var aa = document.getElementsByName(itemName);/* getElementsByName在firefox里面是不管用的 */
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}

function checkItem(e, allName)//复选框组中每一个复选框触发本函数
{
  var all = document.getElementsByName(allName)[0];/* getElementsByName在firefox里面是不管用的 */
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);/* getElementsByName在firefox里面是不管用的 */
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
//复选框的全选与全不选 结束

 

 

 

/*
 名称:getTypeValue
 参数:DivId , 欲获取的所有控件的父元素;
      Control , 控件标签,如:input;
      Type , 控件类型,如:checkbox
 功能:获取所有被选中的某一类型的控件的值,例如:获取所有被选中的复选框的值
*/
function getTypeValue(DivId,Control,Type){
 var parentBox = document.getElementById(DivId);
 var controls  = parentBox.getElementsByTagName(Control);
 var valStr    = "";
 for(var i=0;i<controls.length;i++){
  if(controls[i].type==Type && controls[i].checked){
   valStr += controls[i].value + ",";
  }
 }
 valStr = valStr.substring(0,valStr.length-1);
 //alert(valStr);
 return valStr;
}

 

 

 

 

/*
 名称:MyOpen
 参数:pageName , 弹出窗口的文件名;
      windowName , 弹出窗口的名字(不是文件名),非必须,可用空"代替;
      height, 窗口高度; width,窗口宽度;     top,窗口距离屏幕上方的象素值;   left,窗口距离屏幕左侧的象素值; toolbar,是否显示工具栏;
      menubar, 菜单栏;  scrollbars,滚动栏;  resizable,是否允许改变窗口大小; location,是否显示地址栏;      status,是否显示状态栏内的信息.
 功能:弹出定制的、居中的窗口
 例子:MyOpen('purchase_plan_form.php', '','400', '550', '0', '0', '0', '0', '1', 'no','1', '0')
*/
function MyOpen(url,winName,height,width,top,left,toolbar,menubar,scrollbars,resizable,location,status){
 if(url.indexOf('?')>0){
     url=url+"&flag="+Math.random();
     }
 else{
  url=url+"?flag="+Math.random();
 }
 screen_width  = screen.width;
 screen_height = screen.height;
 
 custom_top  = (screen_height-height)/2;
 custom_left = (screen_width-width)/2;

 //window.open ("page.html", "newwindow", "height=100, width=400, top=0, left=0, toolbar=0, menubar=0, scrollbars=1, resizable=1,location=0, status=0")
 window.open(url, winName, "height="+height+"px; width="+width+"px; top="+custom_top+"px; left="+custom_left+"px; toolbar="+toolbar+"; menubar="+menubar+"; scrollbars="+scrollbars+"; resizable="+resizable+"; location="+location+"; status="+status)
}

 

 


/*
 名称:openModalDialog
 参数:url , 弹出窗口的文件名;
      dialogWidth , 窗口宽度;
      dialogHeight, 窗口高度
   dialogLeft,窗口距离屏幕左侧的象素值;    dialogTop,窗口距离屏幕上方的象素值;
   center,指定是否将对话框在桌面上居中,默认值是“yes”;
      help, 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”;
   scroll,是否允许滚动;
   resizable,指定是否对话框窗口大小可变。默认值是“no”;
   status,指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”.
 功能:弹出定制的、居中的、模式窗口
 例子:openModalDialog('client_add.php','400px','300px','','','yes','no','yes','yes','yes')
*/
function openModalDialog(url,dialogWidth,dialogHeight,dialogLeft,dialogTop,center,help,scroll,resizable,status){
//openModalDialog('client_add.php','400','300','','','yes','no','yes','yes','yes')

if(url.indexOf('?')>0){
    url=url+"&flag="+Math.random();
     }
else{
    url=url+"?flag="+Math.random();
}
width=screen.width;
height=screen.height;

Left=(width-dialogWidth)/2;
Top=(height-dialogHeight)/2;


var returnValue = window.showModalDialog(url,window,"dialogWidth:"+ dialogWidth +"px;dialogHeight:"+ dialogHeight +"px;dialogLeft:"+ Left +";dialogTop:"+ Top +";center:"+ center +";help:"+ help +";scroll:"+ scroll +";resizable:"+ resizable +";status:"+ status);
//window.showModalDialog(url,obj,"dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes");
/*说明 开始
showModalDialog()或是showModelessDialog() 来调用网页对话框,至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。
dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes no 1 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
help: {yes no 1 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。
resizable: {yes no 1 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes no 1 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”。
说明 结束*/
}

 

 

 

/*
 名称:openModalDialog
 参数:url , 弹出窗口的文件名;
      dialogWidth , 窗口宽度;
      dialogHeight, 窗口高度
   dialogLeft,窗口距离屏幕左侧的象素值;    dialogTop,窗口距离屏幕上方的象素值;
   center,指定是否将对话框在桌面上居中,默认值是“yes”;
      help, 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”;
   scroll,是否允许滚动;
   resizable,指定是否对话框窗口大小可变。默认值是“no”;
   status,指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”.
 功能:弹出定制的、居中的、无模式窗口
 例子:openModelessDialog('client_add.php','400px','300px','','','yes','no','yes','yes','yes')
*/
function openModelessDialog(url,dialogWidth,dialogHeight,dialogLeft,dialogTop,center,help,scroll,resizable,status){
//openModelessDialog('client_add.php','400','300','','','yes','no','yes','yes','yes')

if(url.indexOf('?')>0){
    url=url+"&flag="+Math.random();
     }
else{
    url=url+"?flag="+Math.random();
}
width=screen.width;
height=screen.height;

Left=(width-dialogWidth)/2;
Top=(height-dialogHeight)/2;

var returnValue = window.showModelessDialog(url,window,"dialogWidth:"+ dialogWidth +"px;dialogHeight:"+ dialogHeight +"px;dialogLeft:"+ Left +";dialogTop:"+ Top +";center:"+ center +";help:"+ help +";scroll:"+ scroll +";resizable:"+ resizable +";status:"+ status);
//window.showModalDialog(url,obj,"dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes");
/*说明 开始
showModalDialog()或是showModelessDialog() 来调用网页对话框,至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。
dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes no 1 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
help: {yes no 1 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。
resizable: {yes no 1 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes no 1 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”。
说明 结束*/
}

 

 

 

 


function GetQueryString(name) { //获得get方式传递的参数值
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
         var r = window.location.search.substr(1).match(reg); 
         if (r != null)  return unescape(r[2]); 
         else return null; 
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值