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()弹出框样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。