js確認box_javascriptスキルのconfirm()の使用例を詳しく解説

WBOY
リリース: 2016-05-16 15:21:02
オリジナル
1853 人が閲覧しました

まずは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&#63;id=123" onclick="javascript:return del()">删 除</a> 
ログイン後にコピー

2 番目の方法: 原理は上記と同じです。 JavaScript 削除確認ボックス

<a href="javascript:if(confirm('确实要删除吗&#63;'))location='jb51.php&#63;id='">删除</a>
ログイン後にコピー

3 番目の方法: 主に一括削除の確認プロンプトに使用されます

<input name="Submit" type="submit" class="inputedit" value="删除" 
 onclick="{if(confirm('确定纪录吗&#63;')){
  this.document.formname.submit();
  return true;}return false;
 }"> 
<input name="按钮" type="button" ID="ok" onclick="{if(confirm('确定删除吗&#63;')){
 window.location='Action.asp&#63;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("真的要删除吗&#63;")){
   alert("点击了确认按钮");
  }
  else{
   alert("点击了取消按钮");
  }
 }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="点击弹出确认框" />
</body> 
</html>
ログイン後にコピー

上記のコードは、confirm() の機能を明確に示す簡単な例です。
1.confirm()関数のパラメータは確認ボックスのプロンプトです。
2. この関数の戻り値はブール値で、「OK」をクリックすると戻り値は true、「キャンセル」をクリックすると戻り値は false になります。

上記は js 確認ボックスでの verify() の使用例です。内容は非常に充実しています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート