JavaScript Alert通用美化类

(编辑：jimmy 日期: 2026/3/10 浏览：3 次 )

function sAlert(msg,boxtype,func,msgtitle)
sAlert('信息内容',1,'','信息标题')
@msg:提示信息内容
@boxtype：1为弹出框，2为确认框，3为提示框
@func:点确认时执行的函数
@title:信息框标题文字内容
只有msg是必须的，后面的参数可以省略。如果中间的参数为空则在对应位置上''或者""表示（根据实际情况选择单双引号）
调用此方法须在每个使用的页面的head区域加入下面代码。
复制代码代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/alert.js"><link href="alert1/alert.css" href="alert1/alert.css" rel="stylesheet" type="text/css" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">     <head>     <title>弹出框测试页面</title>         <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />         <meta http-equiv="Content-Language" content="gb2312" />          <style type="text/css"></style>          </head>     <body>                                 <h5 >宠物专用信息框实例：</h5> <input type="button" value="弹出框" onclick="sAlert('测试效果2',1);" />          <input type="button" value="确认框" onclick="sAlert('确认框',2,'','宠我宝贝');" />         <input type="button" value="提示框" onclick="sAlert('提示框');" />                        <h4>function sAlert(msg,boxtype,func,title)</h4>      <ul>      <li>sAlert('信息内容',1,'','信息标题')</li>      <li>@msg:提示信息内容</li>      <li>@boxtype：1为弹出框，2为确认框，3为提示框</li>      <li>@func:点确认时执行的函数</li>      <li>@title:信息框标题文字内容</li>      <li>只有msg是必须的，后面的参数可以省略。如果中间的参数为空则在对应位置上''或者""表示（根据实际情况选择单双引号）</li> <li>调用此方法须在每个使用的页面的head区域加入下面代码。</li>      </ul>      <textarea rows="5" cols="60">      <link href="alert1/alert.css" href="alert1/alert.css" rel="stylesheet" type="text/css" />

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
测试环境：可以在下面的文本框里按上面要求的格式函数进行测试：
复制代码代码如下:
sAlert('信息内容',1,'location.href="https://www.jb51.net"','信息标题')

上一篇：javascript 新闻列表排序简单封装
下一篇：js鼠标移动在title中显示图片的效果代码