• 改变alert弹出框页面


    1. window.alert = alert
    2. function alert (data, callback) {
    3. var alert_head = document.createElement('div')
    4. var alert_bg = document.createElement('div')
    5. var alert_box = document.createElement('div')
    6. var alert_text = document.createElement('div')
    7. var alert_btn = document.createElement('div')
    8. var textNode = document.createTextNode(data ? data : '')
    9. var btnText = document.createTextNode('确定')
    10. var headText = document.createTextNode('提示信息')
    11. }
    12. css(alert_bg, {
    13. 'position': 'fixed',
    14. 'top': '0',
    15. 'left': '0',
    16. 'right': '0',
    17. 'bottom': '0',
    18. 'background-color': 'rega(0,0,0,0.1)',
    19. 'z-index': '99999'
    20. })
    21. css(alert_box, {
    22. 'width': '500px',
    23. 'max-width': '90%',
    24. 'font-size': '16px',
    25. 'text-align': 'center',
    26. 'background': '#fff',
    27. 'border-radius': '15px',
    28. 'position': 'absolute',
    29. 'top': '50%',
    30. 'left': '50%',
    31. 'transform': 'translate(-50%, -50%)'
    32. })
    33. css(alert_text, {
    34. 'padding': '10px 15PX',
    35. 'border-bottom': '1px solid #CDCDCD'
    36. })
    37. css(alert_btn, {
    38. 'padding': '10px 0',
    39. 'color': '#007aff',
    40. 'font-weight': '600',
    41. 'cursor': 'pointer'
    42. })
    43. css(alert_head, {
    44. 'padding': '10px 15px',
    45. 'color': '#007aff',
    46. 'font-weight': '600'
    47. })
    48. alert_text.appendChild(textNode)
    49. alert_btn.appendChild(btnText)
    50. alert_head.appendChild(headText)
    51. alert_box.appendChild(alert_head)
    52. alert_box.appendChild(alert_text)
    53. alert_box.appendChild(alert_btn)
    54. alert_bg.appendChild(alert_box)
    55. document.getElementsByTagName('body')[0].appendChild(alert_bg)
    56. alert_btn.onclick = function () {
    57. alert_bg.parentNode.removeChild(alert_bg)
    58. if(typeof callbck === 'function') {
    59. callback()
    60. }
    61. }
    62. }
    63. function css(targetObj, cssObj) {
    64. var str = targetObj.getAttribute('style') ? targetObj.getAttribute('style') : ''
    65. for (var i in cssObj) {
    66. str += i + ':' + cssObj[i] + ';'
    67. }
    68. targetObj.style.cssText = str
    69. }
    70. 调用: alert('内容......')

  • 相关阅读:
    什么是关系模型? 关系模型的基本概念
    eureka迁移到nacos--双服务中心注册
    算法训练(leetcode)第二十八天 | 509. 斐波那契数、70. 爬楼梯、746. 使用最小花费爬楼梯
    DenseNet的基本思想
    制作Java小游戏~扫雷游戏
    笔记本电脑充电器、电源适配器以及Type-c手机充电器UL60950认证报告具体要求
    【笔试题】【day26】
    KubeEdge 云端架构设计
    优秀的前端开发框架
    docker-compose
  • 原文地址:https://blog.csdn.net/qq_46344419/article/details/127924368