ホームページ > 記事 > ウェブフロントエンド > JavaScript はプロンプトボックスの確認とキャンセルの効果を実現します_javascript スキル

JavaScript はプロンプトボックスの確認とキャンセルの効果を実現します_javascript スキル

WBOYオリジナル: 2016-05-16 15:50:461587ブラウズ

この効果は多くの Web ページで見られます。ボタンまたはその他のオブジェクトをクリックすると、プロンプトボックスが表示され、[OK] をクリックすると、設定されたプログラムの実行が続行されます。コード例は次のとおりです:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>确定和取消提示框</title>
<style type="text/css">
div
{
 width:150px;
 margin:0px auto;
}
a
{
 font-size:12px;
 color:blue;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mylink=document.getElementById("mytest");
 mylink.onclick=function(){
  if(confirm("确定要访问吗"))
  {
    return true;
  }
  else
  {
    return false;
  }
 }
}
</script>
</head>
<body>
 <div><a href="/" id="mytest">点击跳转</a></div>
</body>
</html>

上記のコードでは、リンクをクリックするとプロンプトボックスが表示され、[OK] をクリックすると Ant Tribe ホームページにアクセスします。それ以外の場合は、アクセスしません。この関数を実現するための核心は、confirm() を使用することであり、パラメーター値はプロンプトボックスのテキストの内容です。上記のコードの原理を簡単に紹介します:

1. リンクをクリックすると、a 要素にバインドされた onclick イベントハンドラーが呼び出されます。

2. イベント処理関数では、confirm() は [OK] ボタンがクリックされた場合は true、キャンセルボタンがクリックされた場合は false を返すため、if 文は、条件に基づいて if 文を実行するか、else 文を実行するかを選択します。 verify() の戻り値。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript_javascript のヒントで通常のマッチングに RegExp を使用する方法次の記事：JavaScript_javascript のヒントで通常のマッチングに RegExp を使用する方法

続きを見る

JavaScript はプロンプトボックスの確認とキャンセルの効果を実現します_javascript スキル

関連記事