jquery 链接在警报框JavaScript

9njqaruj 于 2023-08-04 发布在 jQuery

关注(0)|答案(8)|浏览(109)

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

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

字符串
变量redirURL是实际的工作URL。我希望它是'点击'
先谢谢你

jquery

来源：https://stackoverflow.com/questions/16973240/link-in-alert-boxes-javascript

8条答案

按热度按时间

wdebmtf21#

使用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';
};

字符串

赞(0）回复(0）举报 2023-08-04

gorkyyrv2#

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

赞(0）回复(0）举报 2023-08-04

g52tjvyc3#

如果你想打开链接的警报，也在新窗口，使用下面的代码：

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();
};

型
👍

赞(0）回复(0）举报 2023-08-04

5cnsuln74#

这是不可能把可点击的链接在警报窗口。你可以做的最接近的事情是使用一个模态窗口，像这样：http://twitter.github.io/bootstrap/javascript.html#modals

赞(0）回复(0）举报 2023-08-04

rmbxnbpk5#

您不能将可点击的URL放在标准的alert()框中。相反，你可以使用一个“lightbox”，这是一个HTML弹出窗口-有任何数量的可用，你应该选择一个适合你的网站/应用程序的其余部分。

赞(0）回复(0）举报 2023-08-04

oipij1gg6#

这是不可能在任何“标准”的网页浏览器，我知道。
我建议使用更健壮的方法，如jQuery UI's dialog。

赞(0）回复(0）举报 2023-08-04

3zwtqj6y7#

您正在使用的window.alert无法执行此操作。相反，你可以尝试使用对话框插件，比如来自bootstrap或jquery ui dialog的模态插件。您的超链接是一个html，而警告框是由浏览器的JavaScript生成的浏览器的非html组件。
警报对话框应用于不需要用户作出任何响应的消息，除了消息的确认。
Reference的

赞(0）回复(0）举报 2023-08-04

hvvq6cgz8#

这是一个使用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>

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

jquery 链接在警报框JavaScript

8条答案

相关问题

热门标签

最新问答