JavaScript Alert通用美化类- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript Alert通用美化类

Javascript: innerHTML和innerText的用法; 单击按钮复制定义好的内容到剪贴板; 浏览器兼容性:停止事件冒泡和阻止浏览器的默认行为; javascript初学者:全面学习对象概念; 10款图片展示Javascript代码; 解决ajax跨域问题的实例; rails制作rss feed; javascript变量作用域在不同浏览器的处理; 网页整理的JS技巧代码; js操作iframe的src的例子; Javascript利用循环绑定事件的例子; Javascript网页恶意代码; javascript恶意代码修改主页修复; JavaScript折叠式列表的网页制作; 初学Javascript的总结; JavaScript编程实践中容易出错的地方; JavaScript容易犯错的九个陷阱; 复制文章自动附加版权信息; MooTools教程(1):认识MooTools; MooTools教程(2):DOM选择器

No. « ‹ 165 166 167 168 › »

技术文章搜索

关键字

Javascript 中的 JavaScript Alert通用美化类

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 205 ::

收藏到网摘: n/a

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

只有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 全选提示:你可先修改部分代码,再按运行]

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

复制代码代码如下:

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

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

Javascript 中的 JavaScript Alert通用美化类

评论 (0) All