JavaScript におけるグレースフル デグラデーションの簡単な紹介

いわゆるスムーズな劣化とは、ブラウザが JavaScript をサポートしていない場合、または JavaScript が無効になっている場合でも、訪問者が Web ページをスムーズに閲覧できることを意味します。以下は、js でのスムーズな劣化についての簡単な紹介です。興味のある方は一緒に読んでみてください。参照

いわゆるスムーズな劣化とは、ブラウザが JavaScript をサポートしていない場合や JavaScript が無効になっている場合でも、訪問者が Web ページをスムーズに閲覧できること、つまり、一部の機能は使用できませんが、基本的な操作は引き続きスムーズに完了できることを意味します。

ここでは、例として新しいウィンドウでリンクを開くことを使用します。js で新しいウィンドウを開く方法を知っています:

window.open(url,name,features)

ここで、url は開く Web ページの URL アドレス、名前です。は新しいウィンドウの名前で、最後の機能は一連のパラメーターです

それでは、簡単な関数を作成します:

function openwindow(winUrl){ 
window.open(winUrl,"new window","width = 320 , height = 480") 
}

次に、疑似プロトコルを使用して関数を呼び出すことができます:

<a href = "javascript:openwindow(&#39;http://www.google.com&#39;);">google</a>

この方法で、「JavaScript:」疑似プロトコルをサポートできます。JavaScript をサポートしていないブラウザはリンクを開こうとしますが失敗し、JavaScript が無効になっているブラウザは何も行いません。 onclick を使用するには:

<a href = "#" onclick = "openwindow(&#39;http://www.google.com&#39;);return false;">google</a>

ここで、「#」は空のリンクを表します。 return false を追加すると、 タグは、href で指定されたリンクにジャンプしません。ただし、JavaScript が無効になっているブラウザではまだ開くことができません。

それでは、どうすればこの問題を解決できるでしょうか?実際に必要なのは:

<a href = "http://www.google.com" onclick = "openwindow(http://www.google.com);return false;">google</a>

または:

<a href = "http://www.google.com" onclick = "openwindow(this.href);return false;">google</a>

JavaScript 関数を実行するために onclick を使用しますが、href に URL も入力します。属性があるため、JavaScript が無効になっているブラウザを使用している場合、新しいウィンドウを開いたり、新しいウィンドウで接続を開いたりすることはできませんが、少なくとも目的の Web ページ (現在のページ) にジャンプすることはできます。なぜスムーズな劣化を使用する必要があるのか​​というと、次のような考えがあるかもしれません。JavaScript を無効にしている、またはサポートしていないブラウザが Web サイトにスムーズにアクセスできるようにすることがそれほど重要なのでしょうか。結局のところ、JavaScript をサポートしていないユーザーはほとんどいないはずです。または、常に JavaScript を無効にしてください。

そのようなユーザーが非常に少ないのは事実ですが、これは非常に重要です。

このユーザーは、さまざまな Web ページを閲覧する自動化されたプログラムである可能性があります。その目的は、検索エンジンのデータベースに追加することだけです。検索エンジンにも同様のプログラムがありますが、ほとんどの検索ロボットは JavaScript コードを理解できないため、Web ページをスムーズに劣化させることができないと、検索エンジンでのランキングに大きな影響を及ぼします。

概要

以上がJavaScript におけるグレースフル デグラデーションの簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。