JavaScript Alert通用美化类

更新时间：2009年11月29日 22:54:24 作者：

只有msg是必须的，后面的参数可以省略。如果中间的参数为空则在对应位置上''或者""表示（根据实际情况选择单双引号）调用此方法须在每个使用的页面的head区域加入下面代码。

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

复制代码代码如下:

 
<script type="text/javascript" src="alert1/alert.js" src="alert1/alert.js"></script> 
<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>     <script type="text/javascript"></script>     </head>     <body>          <div id="msgRun">              <div>         <h5 >宠物专用信息框实例：</h5> <input type="button" value="弹出框" onclick="sAlert('测试效果2',1);" />          <input type="button" value="确认框" onclick="sAlert('确认框',2,'','宠我宝贝');" />         <input type="button" value="提示框" onclick="sAlert('提示框');" />         </div>               <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">     <script type="text/javascript" src="alert1/alert.js" src="alert1/alert.js"></script> <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"','信息标题')

您可能感兴趣的文章:

关于JS中prototype的理解
在js中phototype是JS中比较难理解的一个部分，下面通过本篇文章给大家介绍js中的prototype，需要的朋友可以参考下
2015-09-09
Bootstrap基本样式学习笔记之表单(3)
这篇文章主要介绍了Bootstrap学习笔记之表单基本样式的相关资料,为大家分享了三种表单样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
webpack打包时如何修改文件名的实现示例
本文主要介绍了webpack打包时如何修改文件名的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
微信小程序图片自适应实现解析
这篇文章主要介绍了微信小程序图片自适应实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-01-01
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
本文是对js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
这篇文章主要介绍了JS使用正则表达式获取小括号、中括号及花括号内容的方法,涉及javascript针对三种括号正则匹配的相关操作技巧,需要的朋友可以参考下
2018-06-06
一文弄懂JavaScript的继承方式
这篇文章主要介绍了一文弄懂JavaScript的继承方式,在java面试过程中经常被问到javascript中有几种继承方式，每种继承方式是怎么实现的，文中给大家讲解的非常详细，需要的朋友可以参考下
2022-05-05
微信小程序自定义可滑动的tab切换
这篇文章主要为大家详细介绍了微信小程序自定义tab切换，可滑动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
与ClientWidth有关的一点资料
与ClientWidth有关的一点资料...
2006-08-08
实例解析package.json和最常见的scripts字段
日常开发中，现在的前端开发已经被三大框架取代，其中最主流的不过vue和react，而开发这些项目的时候不得不接触package.json这个文件，可你真的了解这个文件吗？今天给大家聊聊package.json和最常见的scripts字段，感兴趣的朋友一起看看吧
2023-04-04