0

JavaScript 関数から 2 つの HTML ファイルを呼び出していportrati.htmlますladnscape.html

次のコードを使用すると、最初にロードしたときにブラウザで動作しますが、向きを変更してもファイルは変更されません。

<SCRIPT language="JavaScript">
 if(window.innerHeight < window.innerWidth){
    window.location="Landscape/index.html";
} 
else if (window.innerHeight > window.innerWidth){
    window.location="Potrait/index.html";
}
</SCRIPT>
4

1 に答える 1

1

iOS の Safari にはイベントがあります。

window.onorientationchange

これを使用して、変更を検出できます。

window.onorientationchange = function() {
    switch (window.orientation) {
        case 0: // portrait
            window.location = "Portrait/index.html";
            break;
        case 90: // Landscape
            window.location = "Landscape/index.html";
            break;
        case -90: // Other way round
            window.location = "OtherLandscape/index.html";
            break;
    }
}

これは iOS 4 以降でのみ実行されます。古いバージョンを使用している場合は、onresize-Event を使用する必要があります。

window.onresize = function() {
     if(window.innerHeight < window.innerWidth){
         window.location="Landscape/index.html";
     } 
     else if (window.innerHeight > window.innerWidth){
         window.location="Potrait/index.html";
     }
}

コードのコピーパスタ。

于 2012-11-09T07:20:08.173 に答える