画面サイズが「幅700」未満のときに新しいhtmlを開きたい

-1

私は

<script type="text/javascript"> 
    if (screen.width <= 700) { 
    window.location = "mobile.html"; 
    } 
</script>

下のスクリプトを使用するが、それは動作しません。

2016-08-31 tyrantel

どのように "それは動作しない" のでしょうか？ – jwpfox

ページが読み込まれるとコードが実行されます。ウィンドウのサイズが変更された場合、コードはその事実を認識しません。イベントリスナを使用してください：

window.onload=a; 
window.onresize=a; 
function a(){ 
    if(window.innerWidth<700){ 
    window.loaction="mobile.html"; 
}}

2016-08-31 12:17:56

ありがとうございました！ :) – tyrantel

@tyrantel：upvoteを与えてくれてありがとうが、この質問には答えが返ってきたことを他人に伝えてください。 –

JSでこの機能を使用して、以下に示すようリサイズにHTMLでそれを呼び出す：

HTML：

<body onresize="openHtml()" onload="openHtml()">

- 属性はときに関数を呼び出す "さらにonResize"ウィンドウのサイズが変更されます。

- "onload"属性は、ウィンドウが初めて読み込まれたときに関数を呼び出します。

JS：

<script> 
    function openHtml() 
    { 
     if(window.innerWidth <= 700) { 
      window.location.href = "mobile.html"; 
     } 
    } 
</script>

2016-08-31 12:25:51

ありがとうございました！ :) – tyrantel

答えて