我正在使用 jQuery mobile 为网站创建移动页面外部资源。现在我只需要在移动页面上使用 jQuery 移动脚本。
如何根据“媒体屏幕”值调用外部JS文件?
例如:<link type="text/css" rel="stylesheet" media="screen and (max-width:700px)" href="style.css">
我正在尝试this但它不起作用:
<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>
您可以尝试您的代码 here.
最佳答案
<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>
关于javascript - 当屏幕宽度 > 700px 时隐藏 JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30828712/