javascript_javascript スキルの段階的な強化とスムーズな低下についての簡単な説明

google.com.hk の左上隅には、ターゲット アドレスを含む [その他] リンクがありますが、これをクリックすると、ほとんどの場合、ドロップダウン リストがポップアップ表示されます。ユーザーが選択できるようにします (これは、プログレッシブ エンハンスメントの典型的な形式です)。どのように理解すればよいでしょうか？ ——ユーザーのブラウザがJavaScriptをサポートしている場合、この高速ナビゲーションサービス機能をお楽しみいただけます。

それでは、ブラウザの JavaScript 機能を無効にして (ここをクリックしても無効になりません)、もう一度 google.com.hk にアクセスして、[詳細] を再度クリックしてください。どうなりましたか?はい、ドロップダウンが表示される代わりに、新しいページが開きます。 (これは典型的な定常的な劣化です)。どのように理解すればよいでしょうか？ ——ユーザーのブラウザが JavaScript をサポートしていない場合でも、ユーザーは私の Web サイトにアクセスできます。

Google と同様にこの機能を実装するにはどうすればよいですか?

コードをコピー コードは次のとおりです:

詳細>>

説明: displayMenu() は、ナビゲーション リストを表示する関数です (これについては説明しませんので、ここではその実装は省略します)。
onclick は、リンクのクリック イベントを指定します。
return false: ブラウザのデフォルトの動作をキャンセルします(ページジャンプせずにdisplayMenu()が実行されるようにします)。これは省略できません(もちろん省略して試してみることもできます。理解に役立ちます)

それでは、ブラウザが JavaScript をサポートしている場合、onclick 後のコードが確実に実行されることを見てみましょう。そうしないと、onclick 以降のコードが実行されず、ページがジャンプします。これにより、JavaScript のサポートの有無に関わらず、ユーザーはスムーズに私のウェブサイトにアクセスすることができます。

次も同様の例です。新しいウィンドウでリンクが開きますが、ユーザーのブラウザが JavaScript をサポートしていない場合は、次のように現在のページでリンクが開きます。 🎜>

コードをコピー コードは次のとおりです:

• Baidu


• google