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>

<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>