`

原生js实现confirm

    博客分类:
  • js
 
阅读更多
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>confirm()代码实例</title>
    <script type="text/javascript"> 
        window.onload = function () {
            var bt = document.getElementById("bt");
            bt.onclick = function () {
                if (confirm("真的要删除么?")) {
                    bt.value = '确认 删除了'
                    bt.insertAdjacentHTML('afterend', '<div id="two">删除的证据</div>');

                }
                else {
                    bt.value = '不确认 删除了'
                }
            }


            var wrap = document.getElementById("wrap");

            for (var i = 0; i < 10; i++) {

                var li = document.createElement("li");

                var text = document.createTextNode("hello" + i);

                li.appendChild(text);

                wrap.appendChild(li);

            }

        }
    </script>
</head>

<body>
    <input type="button" id="bt" value="click" />
    <ul id='wrap'>

    </ul>
</body>

</html>
分享到:
评论

相关推荐

    原生js写的弹窗效果(alert效果)

    本文将深入探讨如何使用原生JS创建类似`alert()`的自定义弹窗效果,以及如何实现跨浏览器兼容性,包括对IE、Firefox、Chrome和360等主流浏览器的支持。 首先,我们要明白`alert()`函数的基本用法。`alert()`是一个...

    js模拟Confirm、alert弹框,可以修改文字颜色。

    可以直接调用,操作方便,调用代码如下: jConfirm('Can you confirm this,&lt;span am red.&lt;/span&gt;?', 'Confirmation Dialog', function(r) { });

    js重写alert和confirm

    在实际应用中,为了使代码更易管理和维护,我们可以将这些自定义功能封装到一个模块或对象中,然后通过引入`demo.js`文件来替换原生的`alert`和`confirm`: ```javascript // demo.js window.alert = customAlert; ...

    JS提示框美化 alert confirm wait 美化

    而`wait`并不是JavaScript原生提供的函数,它可能是指开发者希望实现的一种暂停效果,但这在浏览器环境中并不直接支持,因为JavaScript是单线程的,长时间阻塞主线程会导致页面无响应。 为了美化`alert`和`confirm`...

    自定义样式弹框alert和confirm

    在JavaScript编程中,`alert`和`confirm`是两种常见的内置弹框,用于向用户显示信息或获取用户确认。然而,这些内置弹框的样式和功能相对固定,不能满足所有设计需求。为了提供更个性化的用户体验,开发者经常需要...

    JQuery DIV 实现window.confirm美化确认提示框

    在标题中提到的"JQuery DIV 实现window.confirm美化确认提示框",实际上是指使用`jQuery`和`HTML`的`DIV`元素来创建一个可自定义样式的确认提示框,以替代原生的`window.confirm()`。`DIV`是HTML中的一个块级元素,...

    js alert confirm样式弹出框.zip

    在JavaScript编程中,`alert`、`prompt`和`confirm`是三种常见的...在"js alert confirm样式弹出框.zip"这个资源中,你可能会找到类似的实现方式,通过分析源码,你可以学习到如何实现更美观且功能丰富的对话框效果。

    jquery-confirm.js和jquery-form.js

    `jquery-confirm.js`是一个功能丰富的提示框插件,它替代了浏览器原生的确认对话框,提供了更美观且可定制化的提示方式。这个插件通常用于在用户进行删除、确认操作或其他重要决策时显示警告或确认消息。通过使用`...

    为vue提供的仿原生iosconfirm组件

    Vue.js 是一个流行的前端JavaScript框架,它以组件化、易用性和灵活性著称。在iOS设备上,系统对话框如确认对话框(Confirm)具有独特的设计风格,与Android或其他平台的对话框不同。为了在Vue应用程序中实现这种iOS...

    jquery封装的漂亮弹窗confirm

    "jquery封装的漂亮弹窗confirm"是一个利用jQuery实现的对话框插件,它为开发者提供了一个美观且功能丰富的确认对话框替代原生JavaScript的`confirm()`函数。这个组件的主要目标是增强用户体验,同时保持代码的简洁和...

    最小巧的移动端弹窗组件toastalertconfirm使用原生js

    原生JS具有更高的性能和更好的兼容性,可以在各种现代和较旧的浏览器中运行,为开发者提供了更大的灵活性和控制力。 2. **toast组件** Toast是一种轻量级的提示方式,通常用来显示短暂的通知信息,而不会中断用户...

    alert和confirm弹出框样式美化

    本教程将介绍如何通过自定义CSS和JavaScript来美化`alert`和`confirm`弹出框,实现更个性化的界面效果,而无需依赖浏览器的默认样式。 首先,我们不再直接使用`window.alert()`和`window.confirm()`方法,而是创建...

    原生js可编辑表格实现动态添加表格行数和删除表格行数

    在JavaScript(JS)中,创建一个可编辑的表格并实现动态添加和删除行的功能是一项常见的需求,尤其是在构建数据管理界面时。以下将详细介绍如何利用原生JavaScript实现这一功能。 首先,我们需要在HTML中创建一个...

    自定义的confirm窗口

    在网页开发中,我们经常会遇到需要用户确认操作的情况,如删除数据或进行其他不可逆的操作。...这在标签"html confirm"中体现的是对原生JavaScript `confirm()`功能的扩展和定制,以适应更复杂的网页应用需求。

    原生js小米商城点击商品加入购物车代码

    在构建一个类似小米商城的电子商务网站时,"原生js小米商城点击商品加入购物车代码"是实现用户交互核心功能的关键部分。这篇文章将深入探讨如何使用JavaScript(JS)这一前端核心技术来实现商品添加到购物车的功能。...

    基于jQuery的扩展实现alert,confirm弹出层

    这些文件通常会包括一个或多个CSS文件(如`style.css`)来控制样式,一个或多个JavaScript文件(如`jquery.alert.js`和`jquery.confirm.js`)来实现功能,以及可能的示例HTML文件(如`index.html`)来展示如何使用...

    jquery.alerts.js(jQuery Alert, Confirm, Prompt)

    原生JavaScript提供了alert(), confirm(), prompt()函数,但它们的样式固定,无法自定义。jQuery alerts插件`jquery.alerts.js`则提供了一种更加灵活、可定制的方式来实现这些功能,它极大地增强了用户体验,并且...

    alert和confirm弹出框样式美化.zip

    这意味着它可能提供了一套自定义的JavaScript库或者CSS样式,用于替代原生的`alert`和`confirm`,并且提供了丰富的定制选项,使得开发者可以自由调整弹框的外观。 标签“alert confirm”进一步明确了这个压缩包的...

    【JavaScript源代码】基于Vant UI框架实现时间段选择器.docx

    ### JavaScript 源代码分析:基于 Vant UI 框架实现时间段选择器 #### 一、概述 本文档详细介绍了如何使用 Vant UI 框架来实现一个时间段选择器的功能。Vant 是一套轻量、可靠的移动端 Vue 组件库,它提供了丰富的...

    网上收集的一组ToolTips、Dialog、Confirm

    在JavaScript中,原生的`window.alert()`, `window.confirm()` 和 `window.prompt()` 提供了基本的对话框功能。然而,这些原生对话框样式固定且功能有限。因此,开发者通常会使用像Bootstrap的Modal或者jQuery UI的...

Global site tag (gtag.js) - Google Analytics