ホームページ >ウェブフロントエンド >jsチュートリアル >js を介して訪問者のモニターの画面解像度を決定し、prompts_javascript スキルを付与する

js を介して訪問者のモニターの画面解像度を決定し、prompts_javascript スキルを付与する

WBOY
WBOYオリジナル
2016-05-16 17:28:421312ブラウズ

js を介して訪問者のモニターの画面解像度を決定し、プロンプトを表示します


まずコード例を示します:


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]


このコード 一般的な考え方は、画像の解像度とデスクトップの解像度を比較することによって、変更された画像が訪問者のデスクトップの壁紙として直接使用するのに適しているかどうかを判断することです。このうち、fw="1920"、fh="1200" 以降の 1920 と 1200 は、それぞれ画像の幅と高さのパラメータであり、php などで読み込んだ実際の画像の幅と高さのパラメータに置き換えることができます。以前は、11 行目と 12 行目より前で if を使用して判断していました。昨日、デスクトップの解像度を上げた後、2 つのプロンプトが表示されることがわかりました。デスクトップの解像度が画像の解像度より大きい場合、エラーが発生します。 else if 並列コードに変更した後。
<script> <!-- fw="1920";fh="1200"; var uw=window.screen.width; var uh=window.screen.height; if(fw==uw) { if(fh==uh){document.write("<span class='green'>完全适合做您的桌面")} else if(fh<uh){document.write("<span class='red'>不适合做您的桌面")} else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘")} } else if(fw<uw){document.write("<span class='red'>尺寸略小,不适合做您电脑的桌布")} else if(fw>uw){ if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面")} else {document.write("<span class='yellow'>不完全适合您的分辨率,您可以自己动手裁剪↘")} } --> </script> さらに、元々は PHP メソッドを使用して画像の幅と高さを渡したいと思っていましたが、事前に get を使用してそれを渡す必要があります。そうしないと、ジャンプや無限ループが発生する可能性があるため、当面はJSで判断するしかありません。もちろんjsとphpを組み合わせる方法もありますが、効果はあまり良くありません。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。