这是一个使用普通javascript的完全响应解决方案：

//单击显示对话框btn时调用函数document.getElementById（“btn show dialog”）.onclick=function（）｛show_dialog（）｝；var overlayme=document.getElementById（“对话框容器”）；函数show_dialog（）{/*显示对话框窗口的函数*/overlayme.style.display=“块”；}//如果单击确认btn，则执行函数confim（）document.getElementById（“confirm”）.onclick=function（）｛confirm（）｝；函数确认（）{/*单击确认时执行的代码*/overlayme.style.display=“无”；}//如果单击cancel btn，则执行函数cancel（）document.getElementById（“cancel”）.onclick=function（）｛cancel（）｝；函数cancel（）{/*单击取消时执行的代码*/overlayme.style.display=“无”；}.popup{宽度：80%；填充：15px；左：0；剩余利润：5%；边框：1px实心rgb（1.82,73）；边界半径：10px；颜色：rgb（1.82,73）；背景：白色；位置：绝对；顶部：15%；盒子阴影：5px 5px 5px#000；z指数：10001；字号：700；文本对齐：居中；}.覆盖{位置：固定；宽度：100%；顶部：0；左：0；右：0；底部：0；背景：rgba（0,0,0，.85）；z指数：10000；显示：无；}@介质（最小宽度：768px）{.popup{宽度：66.66666666%；剩余利润：16.4666666%；}}@介质（最小宽度：992px）{.popup{宽度：80%；剩余利润：25%；}}@媒体（最小宽度：1200px）{.popup{宽度：33.33333%；剩余利润：33.33333%；}}对话框btn{背景色：#44B78B；颜色：白色；字号：700；边框：1px实心#44B78B；边界半径：10px；高度：30px；宽度：30%；}对话框btn：悬停{背景色：#015249；光标：指针；}<div id=“content_1”class=“content_dialog”><p>Lorem ipsum dolor坐amet。阿利夸姆拉特（Aliquam erat volutpat）。无侵权行为，无恶意行为</p＞<p>阿利夸姆拉特（Aliquam erat volutpat）。无侵权行为，无恶意行为。Nullam felis tellus，tristique nec egestas in，luctus sed diam.Suspendiss potenti</p＞</div><button id=“btn show dialog”>确定</button><div class=“overlay”id=“dialog container”><div class=“popup”><p>这将被保存。是否继续</p＞<div class=“text right”><button class=“dialog btn btn cancel”id=“cancel”>取消</button><button class=“dialog btn btn primary”id=“confirm”>确定</button></div></div></div>

避免内联JavaScript——改变行为意味着编辑代码的每一个实例，这并不漂亮！

更干净的方法是在元素上使用数据属性，例如dataconfirm=“Your message here”。下面的代码支持以下操作，包括动态生成的元素：

a并单击按钮表单提交选项选择

jQuery：

$(document).on('click', ':not(form)[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});

$(document).on('submit', 'form[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});

$(document).on('input', 'select', function(e){
    var msg = $(this).children('option:selected').data('confirm');
    if(msg != undefined && !confirm(msg)){
        $(this)[0].selectedIndex = 0;
    }
});

HTML格式：

<!-- hyperlink example -->
<a href="http://www.example.com" data-confirm="Are you sure you want to load this URL?">Anchor</a>

<!-- button example -->
<button type="button" data-confirm="Are you sure you want to click the button?">Button</button>

<!-- form example -->
<form action="http://www.example.com" data-confirm="Are you sure you want to submit the form?">
    <button type="submit">Submit</button>
</form>

<!-- select option example -->
<select>
    <option>Select an option:</option>
    <option data-confirm="Are you want to select this option?">Here</option>
</select>

JSFiddle演示

您可以使用JavaScript拦截onSubmit事件。

然后调用确认警报，然后获取结果。

或者简单地：

<a href="https://some-link.com/" onclick="return confirm('Are you sure you want to go to that link?');">click me!</a>

document.getElementById("button").addEventListener("click", function(e) {
   var cevap = window.confirm("Satın almak istediğinizden emin misiniz?");
   if (cevap) {
     location.href='Http://www.evdenevenakliyat.net.tr';       
   }
});

xdialog提供了一个简单的API xdialog.conf（）。代码片段如下。更多演示可在此处找到

document.getElementById（'test'）.addEventListener（'click'，test）；函数测试（）{xdialog.conf（'确定吗？'，function（）{//如果选择“确定”/“是”，请在此处工作。。。console.info（'Done！'）；}, {style:'宽度：420px；字体大小：0.8rem；'，按钮：{ok：'是文本'，cancel:'无文本'},oncancel:function（）{console.warn（'已取消！'）；}});}<link href=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.css“rel=”stylesheet“/><script src=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.js“></script><button id=“test”>测试</button>