js的alert弹框中怎么写html,自定义JavaScript的alert()弹出框样式

JavaScript原始的alert()弹出框效果很差。

于是想着自定义这个原始alert()的显示样式。

JQuery方式实现代码如下：

(function () {

window.alert = function (text) {

//解析alert内容中的换行符

text = text.toString().replace(/\\/g, '\\').replace(/\n/g, '
').replace(/\r/g, '
');

// 自定义DIV弹窗

var alertdiv = '

' + text + '

$(document.body).append(alertdiv);

// 设置偏移数值，实现垂直和水平居中

$("#alertdiv").css({

"margin-left": $("#alertdiv").width() / 2 * (-1) - 20,

"margin-top": $("#alertdiv").height() / 2 * (-1) - 20

});

// 显示

$("#alertdiv").show();

};

})();

js的alert弹框中怎么写html,自定义JavaScript的alert()弹出框样式相关推荐

js的alert弹框中怎么写html,JavaScript基础教程之alert弹出提示框实例
alert 命令弹出一个提示框为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用.下面的代码是一个弹出提示框的例子: alert(&qu ...
java隐含文本框_Linux_文本框中密码的隐藏与显示，　HTML文本框中，如果设定为密 - phpStudy...
文本框中密码的隐藏与显示 HTML文本框中,如果设定为密码框,则输入的值显示为"*",如果在后台管理中,需要相询密码,则无法及时掌握密码值. 使用Javascrtip控制,则能很快 ...
JQuery框架中使用blockUI制作自定义的漂亮的网页提示框
一.介绍blockUI 它是Jquery框架的一个插件,专门用来做提示框.模态窗口的地址:http://www.malsup.com/jquery/block/ 具体的使用方法和demo里面都写得很 ...
elementui表格中tip设置_Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用...
{column}) { return h( 'div',// 添加选中事件select (data) { console.log(data);}... 效果如下: 3.在表头添加一个Tooltip 我 ...
js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明获取s ...
html中如何引入vue,vue.js怎样引入到HTML中,vue引入第三方js库
vue.js怎样引入到HTML中如何将vue.js引入HTML,把vue.js引入HTML的方法:一.下载vue . js:然后在HTML中添加vue.js包,其语法为"script src ...
下拉框——把一个select框中选中内容移到另一个select框中遇到的问题
在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来 ...
JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
python数据框去重_【Python】基于某些列删除数据框中的重复值
Python按照某些列去重,可用drop_duplicates函数轻松处理.本文致力用简洁的语言介绍该函数. 一.drop_duplicates函数介绍 drop_duplicates函数可以按某列去 ...
python绘制星空图_【Python】基于某些列删除数据框中的重复值
阿黎逸阳精选Python.SQL.R.MATLAB等相关知识,让你的学习和工作更出彩(可提供风控建模干货经验). Python按照某些列去重 ,可用 drop_duplicates函数轻松处理 . ...

js的alert弹框中怎么写html,自定义JavaScript的alert()弹出框样式

js的alert弹框中怎么写html,自定义JavaScript的alert()弹出框样式相关推荐

最新文章

热门文章