JS Alert 新层 及 C# 后台调用方法

这段代码展示了如何使用JavaScript创建一个自定义的Alert弹窗,并提供了C#后台调用该弹窗的方法。弹窗具备标题、内容、宽度和高度等可配置参数,还包含关闭按钮和拖动功能。此外,还包含了一个检查输入文字数量的辅助函数。

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

// JScript 文件
<!--
/*
FileName:AlertMsg.js
*/

 

function AlertMsg(title,content,frame,msgw,msgh){
 var msgw,msgh,msgbg,msgcolor,bordercolor,titlecolor,titlebg;

 //获取所有select对象,暂时隐藏
 var s=document.getElementsByTagName("select");
 for(var j=0,length=s.length;j<length;j++){s[j].style.display="none";}

 //弹出窗口设置
 if (!msgw) msgw = 520;  //默认宽度
 if (!msgh) msgh = 380;  //默认高度
 msgbg = "#FFF";    //内容背景
 msgcolor = "#000";   //内容颜色
 bordercolor = "#000";  //边框颜色
 titlecolor = "#FFF";                                                  //标题颜色
 titlebg = "url(images/alert_header_bg.gif) no-repeat top left";   //标题背景

 //遮罩背景设置
 var sWidth,sHeight;
 //sWidth = screen.availWidth;
 sWidth = document.documentElement.clientWidth;
 //sHeight = document.documentElement.clientHeight;
 if(document.documentElement.clientHeight > document.body.scrollHeight){
  sHeight = document.documentElement.clientHeight; //少于一屏
 }else{
  sHeight = document.documentElement.scrollHeight; //多于一屏
 }

 //创建遮罩背景
 var maskObj = document.createElement("div");
 maskObj.setAttribute('id','maskdiv');
 maskObj.style.position = "absolute";
 maskObj.style.top = "0";
 maskObj.style.left = "0";
 maskObj.style.background = "#777";
 maskObj.style.filter = "Alpha(opacity=30);";
 maskObj.style.opacity = "0.3";
 maskObj.style.width = sWidth + "px";
 maskObj.style.height = sHeight + "px";
 maskObj.style.zIndex = "10000";
 document.body.appendChild(maskObj);

 //创建弹出窗口
 var msgObj = document.createElement("div")
 msgObj.setAttribute("id","msgdiv");
 msgObj.style.position ="absolute";
 msgObj.style.top = (document.documentElement.clientHeight - msgh) / 2 + "px";
 msgObj.style.left = (document.documentElement.clientWidth - msgw) / 2 + "px";
 msgObj.style.width = msgw + "px";
 msgObj.style.height = msgh + "px";
 msgObj.style.fontSize = "12px";
 msgObj.style.background = msgbg;
 msgObj.style.border = "1px solid " + bordercolor;
 msgObj.style.zIndex = "10001";

 //创建标题
 var thObj = document.createElement("div");
 thObj.setAttribute("id","msgth");
 thObj.className = "DragAble";
 thObj.title = "按住鼠标左键可以拖动窗口!";
 thObj.style.cursor = "move";
 thObj.style.padding = "6px";
 thObj.style.color = titlecolor;
 thObj.style.background = titlebg;
 thObj.style.textAlign = "left";
 var titleStr = "<a style='float:right;cursor:pointer;' title='Close' onclick='CloseMsg();'><img src='images/alert_header_close.gif' alt='' /></a>"+"<span>"+ title +"</span>";
 thObj.innerHTML = titleStr;

 //创建内容
 var bodyObj = document.createElement("div");
 bodyObj.setAttribute("id","msgbody");
 bodyObj.style.padding = "10px";
 bodyObj.style.lineHeight = "1.5em";
 bodyObj.style.textAlign = "left";
   
    if (!frame)
    {
        bodyObj.innerHTML = content;
    }
    else
    {
        var msgFrame=document.createElement("iframe");
        msgFrame.setAttribute("id","myframe");
        msgFrame.setAttribute("name","myframe");
        msgFrame.setAttribute("src",frame);
        msgFrame.setAttribute("frameBorder","0");
        msgFrame.setAttribute("scrolling","no");
        msgFrame.style.width="500px";
        msgFrame.style.height="330px";
        bodyObj.appendChild(msgFrame);
    }
// var txt = document.createTextNode(content);
// bodyObj.appendChild(txt);

 //生成窗口
 document.body.appendChild(msgObj);
 ge("msgdiv").appendChild(thObj);
 ge("msgdiv").appendChild(bodyObj);
}

function ge(e){return document.getElementById(e)}

//移除对象
function CloseMsg(){
 document.body.removeChild(ge("maskdiv"));
 ge("msgdiv").removeChild(ge("msgth"));
 ge("msgdiv").removeChild(ge("msgbody"));
 document.body.removeChild(ge("msgdiv"));
 var s=document.getElementsByTagName("select");                  //获取所有select对象
 for(var j=0,length=s.length;j<length;j++){s[j].style.display="";} //将先前隐藏的所有select对象释放
}

//拖动窗口
var ie = document.all;
var nn6 = document.getElementById&&!document.all;
var isdrag = false;
var y,x;
var oDragObj;

function moveMouse(e) {
 if (isdrag) {
  oDragObj.style.top  = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px";
  oDragObj.style.left  = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px";
  return false;
 }
}

function initDrag(e) {
 var oDragHandle = nn6 ? e.target : event.srcElement;
 var topElement = "HTML";
 while (oDragHandle.tagName != topElement && oDragHandle.className != "DragAble") {
  oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;
 }
 if (oDragHandle.className=="DragAble") {
  isdrag = true;
  oDragObj = oDragHandle.parentNode;
  nTY = parseInt(oDragObj.style.top);
  y = nn6 ? e.clientY : event.clientY;
  nTX = parseInt(oDragObj.style.left);
  x = nn6 ? e.clientX : event.clientX;
  document.onmousemove = moveMouse;
  return false;
 }
}
document.onmousedown = initDrag;
document.onmouseup = new Function("isdrag=false");

function WordsNumCheck(controlId,maxNum,textId)
{
    var control=document.getElementById(controlId);
    if(control.value.length>parseInt(maxNum))
    {
        var wd=control.value;
        control.value=wd.substring(0,parseInt(maxNum));
    }
    if (textId)
    {
        var text=document.getElementById(textId);
        text.innerHTML=control.value.length;
    }
}
//-->

 

ClientScript.RegisterStartupScript(this.GetType(), "", "<script>AlertMsg1('信息提示','创建相册成功!','',260,160);</script>");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值