使用JavaScript实现alert的实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<script> window.alert = alert; function alert(data) { var MainDiv = document.createElement("div"), p = document.createElement("p"), AllPage = document.createElement("div"), btn = document.createElement("div"), textNode = document.createTextNode(data ? data : ""), btnText = document.createTextNode("确定"); // 控制样式 css(AllPage, { "position": "fixed", " _position": "absolute", " width": "100%", "height": "100%", "left": "0", "top": "0", "background": "rgba(0, 0, 0,0.5)", "-moz-opacity": "0.5", "filter": "alpha(opacity=50)", "z-index": "97", }); css(MainDiv, { "position": "fixed", "left": "0", "right": "0", "top": "30%", "width": "14rem", "height": "5rem", "padding-top":"0.5rem", "margin": "0 auto", "background-color": "white", "font-size": "0.75rem", "text-align": "center", "position": "relative", "border-radius": "5px 5px 5px 5px", }); css(btn, { "background": "#de241b", "color": "white", "width": "6rem", "margin-left": "4rem", "margin-bottom":"0.25rem", "height": "1.5rem", "border-radius": "5px 5px 5px 5px", "position": "absolute", "padding-top":"0.5rem", "bottom":"0", }) // 内部结构套入 p.appendChild(textNode); btn.appendChild(btnText); MainDiv.appendChild(p); MainDiv.appendChild(btn); AllPage.appendChild(MainDiv); // 整体显示到页面内 document.getElementsByTagName("body")[0].appendChild(AllPage); //禁止滚动 $("body").on("touchmove", function (event) { event.preventDefault; }, false) // 确定绑定点击事件删除标签 btn.onclick = function () { AllPage.parentNode.removeChild(AllPage); //启用滚动 $("body").off("touchmove"); } } function css(targetObj, cssObj) { var str = targetObj.getAttribute("style") ? targetObj.getAttribute("style") : ""; for (var i in cssObj) { str += i + ":" + cssObj[i] + ";"; } targetObj.style.cssText = str; }
原文链接:http://blog.csdn.net/int_major/article/details/74542659
(资源库 www.zyku.net)
上一篇:jQuery制作input提示内容(兼容IE8以上)
栏 目:JavaScript
下一篇:jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
本文地址:https://www.zyku.net/js/1470.html
您可能感兴趣的文章
- 07-31帝国cms模板list.var使用程序代码
- 07-31帝国CMS列表模板信息列表使用程序代码实现推荐、 有图
- 06-26highlightjs网页代码高亮插件调用方法
- 06-24SyntaxHighlighter网页代码高亮插件build构造方法
- 06-03HTML使用栅格布局实现六种筛子样式的代码详解
- 05-19win10系统0x80070002错误代码无法上网怎么办
- 05-11修改CSS样式实现网页变灰色/黑白代码的几个方法整理
- 05-10JS实现单张或多张图片持续无缝滚动的示例代码
- 05-10js根据后缀判断文件文件类型的代码
- 05-04jquery在线客服qq和二维码带返回顶部代码
- 07-28Markdown的常用标签符号以及语法规则
- 02-09vivoy30定时开关机开启方法
- 01-11亘欣智能-亘欣智能应用软件功能介绍
- 11-05苹果13pro关闭定位服务步骤介绍
- 01-12miui13怎么隐藏小部件名称
- 02-07oppo手机私密相册打开方法
- 03-16HTML-CSS一条水平线两种不同的颜色怎
- 01-12邻通通-邻通通应用软件功能介绍
- 09-10百度搜索常用API
- 12-30心情语录大全-心情语录大全应用软件功
最近更新
阅读排行
猜你喜欢
- 10-15华为nova9pro怎么还原出厂模式
- 01-11水滴炫酷来电秀-水滴炫酷来电秀应用软
- 07-15帝国CMS实现一个字段两个变量的方法(PH
- 02-28帝国CMS Linux安装权限设置
- 09-19iqoo8微云台校准使用方法分享
- 01-12OnReal-OnReal应用软件功能介绍
- 07-08鸿蒙系统简易模式开启方法
- 07-27Mysql5.7中JSON操作函数使用说明
- 02-04华为mate40pro+录制系统内部声音教程
- 12-30魔力清理-魔力清理应用软件功能介绍