常用js (common.js)

最新推荐文章于 2025-10-22 16:44:14 发布

原创最新推荐文章于 2025-10-22 16:44:14 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#scroll #url #function #firefox #null #input

js 专栏收录该内容

40 篇文章

订阅专栏

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

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;

/*
名称：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;

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;
}