38

我有一个简单的问题。我有以下代码：

alert("Are you sure you want to add: \n" + redirURL + "?");

变量 redirURL 是一个实际的工作 url。我希望它是“可点击的”

先感谢您

4

8 回答 8

38

使用window.confirm而不是alert 

if (window.confirm('If you click "ok" you would be redirected . Cancel will load this website ')) 
{
window.location.href='https://www.google.com/chrome/browser/index.html';
};
于 2014-11-04T22:45:26.183 回答
12

您只能在警报功能中显示文本。如果你想放一个 url，你可以使用 jquery 的对话框功能。以下是一些代码示例：http: //jqueryui.com/dialog/#default

于 2013-06-06T22:36:32.787 回答
4

不可能将可点击的链接放在警报窗口中。您可以做的最接近的事情是使用模态窗口，如下所示：http: //twitter.github.io/bootstrap/javascript.html#modals

于 2013-06-06T22:25:56.083 回答
3

如果您想在新窗口中打开警报链接，请使用以下代码：

if (window.confirm('Ok to Confirm, Cancel to Stay here'))
   {
   window.open('http://www.google.com', '_blank');
   };

请注意，大多数浏览器会将这些链接视为弹出窗口。

还有一个替代方案，两者都一样，在下面找到它：

//write this above first
let a=document.createElement('a');
a.target='_blank';
a.href='https://www.google.com';

//then use this code for alert
if (window.confirm('Ok to Confirm, Cancel to Stay here'))
{
a.click();
};

于 2020-05-31T16:50:31.027 回答
2

您不能将可点击的 URL 放在标准alert()框中。相反，您可以使用“灯箱”，它是一个 HTML 弹出窗口 - 可以使用任意数量的灯箱，您应该选择一个与您的站点/应用程序的其余部分完美匹配的灯箱。

于 2013-06-06T22:25:58.303 回答
2

在我所知道的任何“标准”网络浏览器中都是不可能的。

我建议使用更强大的方法，例如jQuery UI 的 dialog。

于 2013-06-06T22:26:15.177 回答
1

您正在使用的 window.alert 是不可能的。相反，您可以尝试使用对话框插件，例如bootstrap或jquery ui dialog中的 modal 插件。您的超链接是一个 html，其中警报框是由浏览器的 javascript 生成的浏览器的非 html 组件。

警报对话框应该用于不需要用户做出任何响应的消息，除了消息的确认。

参考

于 2013-06-06T22:26:53.670 回答
0

这是使用 Jquery 的 Dialog 的方法

<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <style></style>
  </head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script src='template/js/jquery.textarea-expander.js'></script>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
// <---- VENTAÑAS DE PARAMETERES---->
$(document).ready(function() { 
var regex,v,l,c,b,i,contapara=3;




$( "#wnd_Addparam" ).dialog({
            autoOpen: false,
            height: 'auto',
            width: 350,
            modal: true,
            resizable:false,
            buttons: {
                "Link": function() {
                   location.href="http://stackoverflow.com/questions/16973240/link-in-alert-boxes-javascript";
    return false;  },
                Cancel: function() {
                $( this ).dialog( "close" );
                }
            },
            close: {}
        });


                $( "#wnd_Addparam" ).dialog( "open" );


                    });
</script>
  <body>

<div id="wnd_Addparam" title="Information" ></div>
</body>
</html>
于 2013-06-06T22:35:29.900 回答