CharlesChen's Technical Space

简单实用是我一直在软件开发追求的目标(I Focus on. Net technology, to make the greatest efforts to enjoy the best of life.)
Not the best, only better
posts - 43, comments - 237, trackbacks - 11, articles - 0
  博客园 :: 首页 ::  :: 联系 :: 订阅 订阅 :: 管理

window.alert重写实现友好的对话框(支持IE)

Posted on 2008-04-18 12:56 Charles Chen 阅读(910) 评论(34)  编辑 收藏 网摘 所属分类: JAVASCRIPT
     朋友们在使用ajax技术的时候经常用alert()弹出对话框，觉得window.alert自带的对话框太"丑"了,今天我决定把window.alert重写了（javascript是基于对象的，也有对象的部分特性）,下面是具体的实现效果的用法
 
<link href="http://files.cnblogs.com/Charles2008/CSS.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://files.cnblogs.com/Charles2008/JS.js"></script>
用法:只需要在你的页面上引用上面的css样式表和javascript脚本，那么你用alert()弹出的对话框就变化了。
下面是一个范例：点击下面的按钮将弹出对话框（重写）

最后希望朋友们提出自己宝贵的意见。谢谢！Charles

Feedback

#1楼    回复  引用    

2008-04-18 13:02 by Big [未注册用户]
测试:<button onclick="alert('Hi,Nice to meet you!')">test alert</button>

#2楼    回复  引用  查看    

2008-04-18 13:05 by changchang      
我来测试哈:


行了!

#3楼    回复  引用    

2008-04-18 13:24 by beamsea [未注册用户]
我来测试一下
&lt;button onclick=&quot;alert('Hi,Nice to meet you!')&quot;&gt;test alert&lt;/button&gt;

#4楼    回复  引用    

2008-04-18 13:25 by beamsea [未注册用户]
二楼的是怎么把按钮发布上面去的？

#5楼    回复  引用  查看    

2008-04-18 13:28 by *海风*      

#6楼    回复  引用  查看    

2008-04-18 13:36 by *海风*      
好像不行啊，哥们

#7楼    回复  引用  查看    

2008-04-18 13:38 by 留恋星空      
看看

#8楼    回复  引用  查看    

2008-04-18 13:38 by CB      

#9楼    回复  引用  查看    

2008-04-18 13:57 by Dr.Edison      
<link href="http://www.cnblogs.com/Files/Charles2008/CSS.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://www.cnblogs.com/Files/Charles2008/JS.js"></script>
<input type="Button" OnClick="Edison 's Test Good!" value=Edison测试'/>

#10楼    回复  引用  查看    

2008-04-18 13:57 by Dr.Edison      
??不行啊？？

#11楼    回复  引用  查看    

2008-04-18 13:58 by Dr.Edison      
我知道了～需要注册用户来编写，我们被骗了！～～

#12楼    回复  引用  查看    

2008-04-18 14:09 by 代码乱了      


#13楼    回复  引用    

2008-04-18 15:18 by 暗暗 [未注册用户]
那干脆把confim也重写下算了

#14楼    回复  引用  查看    

2008-04-18 15:50 by 痞子再      
--引用--------------------------------------------------
代码乱了: <div>
<button onclick='if(!confirm("你真的想要吗？")) alert("有没有搞错啊？？这么好的东西你都不要啊？");else alert("想要你就说嘛！你不说我怎么知道你想要呢？尽管你很有诚意的看着我但你还是要说你想要啊！不可能说你想要我不给你 你不想要我偏给你吧~~大家都是文明人嘛~~");' id='btn' style="text-decoration: underline">官人我要?</button>
</div>
--------------------------------------------------------

强哦

#15楼    回复  引用    

2008-04-18 15:54 by wit2 [未注册用户]
<button onclick='if(!confirm("你真的想要吗？")) alert("有没有搞错啊？？这么好的东西你都不要啊？");else alert("想要你就说嘛！你不说我怎么知道你想要呢？尽管你很有诚意的看着我但你还是要说你想要啊！不可能说你想要我不给你 你不想要我偏给你吧~~大家都是文明人嘛~~");' id='btn' style="text-decoration: underline">官人我要?</button>
</div>

#16楼    回复  引用    

2008-04-18 16:36 by leadnt.org [未注册用户]
<button onclick="alert('Good!')">alert test</button>

#17楼    回复  引用  查看    

2008-04-18 17:02 by great wang      
<button onclick="alert('真是不错！')">alert test</button>

#18楼    回复  引用  查看    

2008-04-18 17:03 by great wang      

#19楼    回复  引用  查看    

2008-04-18 17:07 by great wang      

#20楼    回复  引用    

2008-04-18 17:55 by Big [未注册用户]
<button onclick="alert('eee')"></button>

#21楼 [楼主]   回复  引用  查看    

2008-04-18 18:03 by Charles Chen      
欢迎朋友们帮我测试。

#22楼 [楼主]   回复  引用  查看    

2008-04-18 18:04 by Charles Chen      


--引用--------------------------------------------------
暗暗: 那干脆把confim也重写下算了

--------------------------------------------------------
是个建议，下次我再把window.confirm也重写了！希望继续关注！

#23楼    回复  引用  查看    

2008-04-18 20:35 by dushouke      
<button onclick="alert('eee')"></button>

#24楼    回复  引用  查看    

2008-04-19 13:35 by ξσ Dicky σξ      


--引用--------------------------------------------------
beamsea: 二楼的是怎么把按钮发布上面去的？
--------------------------------------------------------
好像必须用<button>Test</button>

#25楼    回复  引用    

2008-04-19 23:25 by uk22222 [未注册用户]
为什么弹出对话框，IE就有了滚动条了呢

#26楼    回复  引用    

2008-04-21 18:01 by ddd [未注册用户]
<input type="button" value="aaaa" onclick="javascript:confirm('aaaa');"/>

#27楼 [楼主]   回复  引用  查看    

2008-04-22 08:56 by Charles Chen      
@uk22222
这可能是由于样式表的影响。当然你可以自己设置样式。

#28楼    回复  引用    

2008-05-02 07:54 by ljb [未注册用户]
<input type="button" value="aaaa" onclick="javascript:confirm('aaaa');"/>

#29楼    回复  引用    

2008-05-02 07:55 by ljb [未注册用户]
<button onclick="alert('Good!')">alert test</button>

#30楼    回复  引用    

2008-05-02 07:55 by ljb [未注册用户]
sdffad<button onclick="alert('Good!')">alert test</button>

#31楼    回复  引用    

2008-06-18 16:20 by 试试 [未注册用户]
&lt;button onclick=&quot;alert('Hi,中文。。。。。。。。。!')&quot;&gt;test alert&lt;/button&gt;

#32楼    回复  引用    

2008-09-23 12:22 by arwqeqwerqwerwqr [未注册用户]
<script language="javascript">alert("asdfasfasd")</script>

#33楼    回复  引用    

2008-10-10 17:19 by aaaaa [未注册用户]
<button>Test</button>

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

人才

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-04-30 15:29 编辑过
Google站内搜索


China-pub 计算机图书网上专卖店！6.5万品种 2-8折！
近千种 9-95 新二手计算图书火热销售中！

相关文章:

相关链接:



最新IT新闻:
Silverlight 2 SDK中文版发布
[译稿]微软将 jQuery IntelliSense整合到Visual Studio
微软：不裁员也不削减研发开支
2008年11月22日科技博客精选
诺基亚将支持Lotus Notes 和黑莓争夺市场