ホームページ > 記事 > ウェブフロントエンド > 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('http://www.google.com');">google</a>
この方法で、「JavaScript:」疑似プロトコルをサポートできます。JavaScript をサポートしていないブラウザはリンクを開こうとしますが失敗し、JavaScript が無効になっているブラウザは何も行いません。 onclick を使用するには:
<a href = "#" onclick = "openwindow('http://www.google.com');return false;">google</a>
それでは、どうすればこの問題を解決できるでしょうか?実際に必要なのは:
<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>
そのようなユーザーが非常に少ないのは事実ですが、これは非常に重要です。
このユーザーは、さまざまな Web ページを閲覧する自動化されたプログラムである可能性があります。その目的は、検索エンジンのデータベースに追加することだけです。検索エンジンにも同様のプログラムがありますが、ほとんどの検索ロボットは JavaScript コードを理解できないため、Web ページをスムーズに劣化させることができないと、検索エンジンでのランキングに大きな影響を及ぼします。
概要
以上がJavaScript におけるグレースフル デグラデーションの簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。