38

簡単な質問があります。次のコードがあります。

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

変数 redirURL は、実際に機能する URL です。「クリック可能」にしたい

前もって感謝します

4

8 に答える 8

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 に答える
2

alert()クリック可能な URL を標準のボックスに入れることはできません。代わりに、HTML ポップアップである「ライトボックス」を使用できます。利用可能なライトボックスはいくつもあるので、サイト/アプリケーションの残りの部分にうまく適合するものを選択する必要があります。

于 2013-06-06T22:25:58.303 に答える
2

私が認識している「標準」の Web ブラウザーでは不可能です。

jQuery UI の dialog のような、より堅牢なアプローチを使用することをお勧めします。

于 2013-06-06T22:26:15.177 に答える
1

使用しているwindow.alertではできません。代わりに、 bootstrapのモーダル プラグインやjquery ui dialogなどのダイアログ プラグインを使用してみてください。ハイパーリンクは html であり、アラート ボックスはブラウザの JavaScript によって生成されたブラウザの非 html コンポーネントです。

警告ダイアログは、メッセージの確認以外に、ユーザー側での応答を必要としないメッセージに使用する必要があります。

参照

于 2013-06-06T22:26:53.670 に答える
0

これは、Jquery のダイアログを使用したメソッドです。

<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 に答える