ホームページ > 記事 > ウェブフロントエンド > js確認box_javascriptスキルのconfirm()の使用例を詳しく解説
まずはJavaScriptの確認ボックスの使い方を3つ紹介します。具体的な内容は以下の通りです
。最初の方法: 使用方法は非常に簡単です。確認した後でのみ、ダウンロード アドレス ページを開くことができます。原理も比較的明確です。主に単一メッセージの削除を確認するために使用されます。
<SCRIPT LANGUAGE=javascript> function del() { var msg = "您真的确定要删除吗?\n\n请确认!"; if (confirm(msg)==true){ return true; }else{ return false; } } </SCRIPT>
呼び出し方法:
<a href="del.php?id=123" onclick="javascript:return del()">删 除</a>
2 番目の方法: 原理は上記と同じです。 JavaScript 削除確認ボックス
<a href="javascript:if(confirm('确实要删除吗?'))location='jb51.php?id='">删除</a>
3 番目の方法: 主に一括削除の確認プロンプトに使用されます
<input name="Submit" type="submit" class="inputedit" value="删除" onclick="{if(confirm('确定纪录吗?')){ this.document.formname.submit(); return true;}return false; }"> <input name="按钮" type="button" ID="ok" onclick="{if(confirm('确定删除吗?')){ window.location='Action.asp?Action=Del& TableName=Item& ID=<%=ID%>'; return true; }return false;}" value="删除栏目" />
別の例を紹介します: JS 確認ボックスconfirm() コード例
レンダリング:
confirm() 確認ボックスは Web ページでよく使用されます。もちろん、見た目の要件が高い Web ページでは、このような関数をカスタマイズする必要がある場合があります。ウィンドウ オブジェクトのconfirm() 関数の使用法を紹介します。これ以上に直観的なものはないので、次のセクションのコード例を見てください。
<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>confirm()代码实例</title> <script type="text/javascript"> window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){ if(confirm("真的要删除吗?")){ alert("点击了确认按钮"); } else{ alert("点击了取消按钮"); } } } </script> </head> <body> <input type="button" id="bt" value="点击弹出确认框" /> </body> </html>
上記のコードは、confirm() の機能を明確に示す簡単な例です。
1.confirm()関数のパラメータは確認ボックスのプロンプトです。
2. この関数の戻り値はブール値で、「OK」をクリックすると戻り値は true、「キャンセル」をクリックすると戻り値は false になります。
上記は js 確認ボックスでの verify() の使用例です。内容は非常に充実しています。