js实现 重写alert控件
来源:互联网 发布:ie11 跨域js不能执行 编辑:程序博客网 时间:2024/05/16 09:51
纯粹是为了打发时间,手写了一个JS的 alert控件。
代码如下:
<html><head><script type="text/javascript">var alertObj = new Object();var generalStyle = {zIndex: 0,width: "200px",height: "100px",border: "thick solid #CCCCCC",background: "#FFFFFF",position: "absolute",top: "35%",left: "40%"}var txtStyle = {textAlign: "center"}var btnStyle = {position: "absolute",left: "40%",top: "70%",color: "#333333",fontWeight: "bold",outlineColor:"#3366FF",outlineStyle:"ridge",outlineWidth:"thin",//outline: "thin ridge #3366FF",innerHTML: "OK"}alertObj = {generalSet: generalStyle,txtSet: txtStyle,btnSet: btnStyle,isExist: false}alertObj.createComponent = function() {var component = document.createElement(arguments[0]);var styles = arguments[1];for (var property in styles) {if (styles[property] != null) { try{component.style[property] = styles[property];}catch(err){document.write(err.name+":"+property+"<br/>");//set property error!}}}return component;}alertObj.show = function() { if(!this.isExist){this.isExist = true;var bodyObj = document.body;bodyObj.style.zIndex = -1;bodyObj.style.background = "#999999";var divObj = this.createComponent("div", this.generalSet);var txtObj = this.createComponent("p", this.txtSet);txtObj.innerHTML = arguments[0];var btnObj = this.createComponent("button", this.btnSet);btnObj.innerHTML = this.btnSet.innerHTML;btnObj.onclick = function() {bodyObj.style.zIndex=0;bodyObj.style.background="";bodyObj.removeChild(divObj);if(alertObj.isExist){alertObj.isExist = false;}}divObj.appendChild(txtObj);divObj.appendChild(btnObj);bodyObj.appendChild(divObj); }}function show(s) {alertObj.show(s);}</script></head><body><p onclick="show('inner test');">Click show alert</p></body></html>
- js实现 重写alert控件
- js重写window.alert
- js重写alert样式
- js重写alert函数
- 重写js 的alert,自定义alert的样式,定时关闭
- 重写一下js的alert函數
- 使用jQuery Alert Dialogs Plugin代替JS的confirm时在列表控件中实现
- js 重写 bootstrap 样式 alert/confirm 消息窗口 - cnhxz
- js 重写 bootstrap 样式 alert/confirm 消息窗口
- js重写alert事件,避免alert弹框标题出现网址
- JS实现自定义alert,自定义window.open
- java中实现js中的alert功能
- 重写alert()方法
- 对alert方法 重写
- 重写alert函数
- 经典重写alert方法
- 重写alert、confirm
- 重写alert方法
- Leetcode: Container With Most Water
- 外排序的介绍、实现、数据测试
- 安装多个jdk,多个tomcat版本的冲突问题
- mysql - 安装
- 项目风险盘点
- js实现 重写alert控件
- C#实现JSON序列化与反序列化介绍
- 需求变更的代价
- 提高Red5性能几个配置
- backtrack
- 如何做好一名软件团队的领导者
- 版本控制的极佳实践
- Apache2.4安装步骤及错误
- linux内存屏障浅析