JavaScript Alert通用美化类

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" />

弹出框测试页面

*/

-->

宠物专用信息框实例：

function sAlert(msg,boxtype,func,title)

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

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

测试环境：可以在下面的文本框里按上面要求的格式函数进行测试：


代码如下:

sAlert('信息内容',1,'location.href="http://www.jb51.net"','信息标题')

您可能感兴趣的文章:

  • 用javascript实现改善用户体验之alert提示效果
  • javascript 在firebug调试时用console.log的方法
  • javascript的console.log()用法小结
  • javascript中常见的3种信息提示框(alert,prompt,confirm)
  • javascript重写alert方法的实例代码
  • javascript alert乱码的解决方法
  • JavaScript调试技巧之console.log()详解
  • js调试工具console.log()方法查看js代码的执行情况
  • JavaScript基础教程之alert弹出提示框实例
  • JavaScript中的alert()函数使用技巧详解
  • JavaScript中的console.log()函数详细介绍
  • javascript中alert()与console.log()的区别

Tags：Alert 美化类

相关文章

  • 2016-09-09原生JS实现网络彩票投注效果
  • 2009-06-06javascript 常用方法总结
  • 2015-08-08js脚本分页代码分享（7种样式）
  • 2016-09-09Actionscript与javascript交互实例程序(修改)
  • 2015-04-04JavaScript显示表单内元素数量的方法
  • 2010-07-076个DIV 135或246间隔一秒轮番显示效果
  • 2009-04-04js 获取键盘值用法(兼容IE及Firefox)
  • 2011-10-10仿猪八戒网左下角的文字滚动效果
  • 2016-08-08JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的
  • 2016-11-11使用 bootstrap modal遇到的问题小结

最新评论

赞 (0)

相关推荐

  • JavaScript中的alert()函数使用技巧详解

    在JavaScript代码中,可以使用window对象的alert()函数来显示一段文本,从而进行程序的调试,或者向用户警示相关信息: 复制代码 代码如下: //Use window object's alert() function window.alert("sample text"); 这一写法可以简化为直接使用alert()函数: 复制代码 代码如下: //Simplified alert() usage alert("sample text"); 如果需要

  • javascript alert乱码的解决方法

    javascript alert()函数就是一个用于输入提示的功能,但今天在使用alert()提示时中文乱码,拼音什么的都没有问题呀,下面我在论坛找到一解决办法,下面与大家分享.解决办法一: 复制代码 代码如下: echo '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';echo '<script type="text/javascript&q

  • javascript重写alert方法的实例代码

    复制代码 代码如下: <!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"><head><meta http-equiv="

  • javascript中alert()与console.log()的区别

    [1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([1,2,3]);//'1,2,3' [1.3]alert不支持多个参数的写法,只能输出第一个值 e.g. alert(1,2,3);//1 [2]console.log() [2.1]在打印台输出 [2.2]可以打印任何类型的数据 e.g. console.log([1,2,3]);//[

  • JavaScript调试技巧之console.log()详解

    JavaScript调试技巧之console.log()详解

    一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能:即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来添加调试功能.在具备调试功能的浏览器上,window对象中会注册一个名为console的成员变量,指代调试工具中的控制台.通过调用该console对象的log()函数,可以在控制台中打印信息.比如,以下代码将在控制台中打印"Sample log": 复制代

  • JavaScript中的console.log()函数详细介绍

    JavaScript中的console.log()函数详细介绍

    对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑. 什么是console.log()? 除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能:即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来

  • JavaScript基础教程之alert弹出提示框实例

    JavaScript基础教程之alert弹出提示框实例

    alert 命令弹出一个提示框 为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用.下面的代码是一个弹出提示框的例子: 复制代码 代码如下: <script type="text/javascript"> alert("我是提示文字!"); </script> 将上面部分代码,用文本编辑器(如写字板或其他更高级的编辑器,如 EditPlus 等)保存为 alert.html(或 a

  • 用javascript实现改善用户体验之alert提示效果

    类似于新浪邮箱的提示效果.比较独立.在wenming版主的帮助下,已解决了高度不能适应的BUG. 使用方法很简单,在需要弹出提示的页面先引用alert.js脚本文件,如:  程序代码 <script type="text/javascript" src="alert.js"></script> 然后直接在需要提出处使用:  程序代码 sAlert("需要提示的信息"); 即可.不需要额外添加HTML代码. 完整代码: ht

  • javascript中常见的3种信息提示框(alert,prompt,confirm)

    1.警告提示框 alert("文本"). ex. function disp_alert() { alert("我是警告框!!"+'\n'+"hhah")//有折行 } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.确认提示框(confirm,返回true或者false) function show_confirm() { var r=confirm("Press a button!"); if (r==tr

  • javascript 在firebug调试时用console.log的方法

    console.log(); 当你使用console.log()函数时,下面的firebug一定要打开,不然这函数在用firefox运行时无效且影响正常程序,如果用IE打开,将会出错. 第一个参数可以是一个包含格式化占位符输出的字符串,例如: console.log("The %s jumped over %d tall buildings", animal, count); 格式化字符串 类型 %s 字符串 %d, 整型 %i (暂不支持数字型) %f 浮点型 (暂不支持数字型) %

  • javascript的console.log()用法小结

    console.log 原先是 Firefox 的"专利",严格说是安装了 Firebugs 之后的 Firefox 所独有的调试"绝招". 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)的时候,console.log 才能出结果,不然就报错. 今天看到 Opera 也有个叫 dragonfly 的东东,用这东西查看 DOM,已经可以和 Firebug 媲美,然而还是不能用 console.log.于是有人就提供了这样两句

  • js调试工具console.log()方法查看js代码的执行情况

    我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是: console.log("值为:",fn); console.log()能够输出变量,函数,数组,对象等等 <html> <head> <title>this关键字_函数调用</title>

随机推荐