當屏幕寬度> 700像素時隱藏JavaScript嗎？

Question

我正在使用jQuery移動外部資源為網站創建移動頁面。 現在，我只需要在移動頁面上使用jQuery移動腳本。

如何基於“媒體屏幕”值調用外部JS文件？

例如： <link type="text/css" rel="stylesheet" media="screen and (max-width:700px)" href="style.css">

我正在嘗試此操作，但無法正常工作：

<script type="text/javascript" src="./mediatypechecker.js"></script>
<script>
function installSpecialEffects()
    {
        // Exit if small screen found (palmtop etc.)
        if(parseInt(screen.width) < 640)
            return;
        if(parseInt(screen.height) < 480)
            return;

        if(IsMediaType('screen, projection, tv') > 0)
            document.write('<script type="text/javascript" src="./SOME_SPECIAL_EFFECTS.js"><\/script>');
    }
    installSpecialEffects();
</script>

您可以在這里嘗試您的代碼。

Answer 1

<script type="text/javascript">

  function includeJS(incFile) {
  document.write('<script type="text/javascript" src="'
    + incFile+ '"></script>'); 
  }

  // Load SOME_SPECIAL_EFFECTS on viewports above 700px wide
  if (window.matchMedia("only screen and (min-width: 700px)").matches) {
    includeJS('SOME_SPECIAL_EFFECTS.js');

  }
</script>